Как загрузить все размеры шрифтов на подобии подключения через ссылку с гугл фонтс?

Алекс Глебов, спасибо огромное!

Как загрузить все размеры шрифтов на подобии подключения через ссылку с гугл фонтс?

<link href="https://fonts.googleapis.com/css?family=Muli:300,400,600,700&display=swap" rel="stylesheet">

Как эта строка подключения будет выглядеть на css, если у нас файлы хранятся локально на сервере?

Как загрузить все размеры шрифтов на подобии подключения через ссылку с гугл фонтс?

Алекс Глебов, так здесь один и тот же стиль подключен.
а мне нужно что-то на подобии

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 700;
  src:
       url('/fonts/awesome-thin.woff2') format('woff2'), 
       url('/fonts/awesome-regular.woff2') format('woff2'),
       url('/fonts/awesome-bold.woff2') format('woff2'); 
}

что бы много стилей в одном названии font-family, где выбор стиля будет выбираться через font-weight уже.

У меня та ссылка не открывается.

Как загрузить все размеры шрифтов на подобии подключения через ссылку с гугл фонтс?

Алекс Глебов, я не про это.
Вот у меня есть 6 вариантов стиля шрифта.
Как мне их подключить все так, чтобы я мог их все задать через

p,a,h1,h2,h3,h4,h5 {
     font-family: 'Muli', sans-serif;
}

Обычно при подключении одного стиля создается его название, т.е. 6 подключений, 6 названий font-family.
А мне нужно сделать 6 подключений, но с одним названием, как показано выше и менять их толщину через свойство font-weight, где при наличии стиля thin при значении font-weight:300 он выдаст его, при отсутствии, пойдёт искать дальше и выдаст уже regular например, или при значении 500 выдаст regular, а при 700 bold.

Как увеличить картинку превью сайта при вставке ссылки в соц. сети?

Сделал 1280 х 851 картинку, она стала широкой на всю площадь чата, но по высоте очень узкая, как прямоугольник от вафельки.
Или там принципиально нужно ещё и соотношение мне сделать поменьше, не 851, а 650?

Как в Flex боксе настроить картинку так, чтобы она была пропорциональна своему размеру, а не вытягивалась?

Максим Ленский, спасибо!

Как в Flex боксе настроить картинку так, чтобы она была пропорциональна своему размеру, а не вытягивалась?

спасибо, а откуда берется отступ ниже картинки и как его убрать?
что бы высота блока ровнялась высоте картинки.

Почему при наведении на картинку появляется флажок с добавлением в коллекцию?

HunteR-VRX, а как мне это для пользователей реализовать?
у них же вся эта дичь со сдвинутым блоком из-за флажка отобразиться.

Почему при наведении на картинку появляется флажок с добавлением в коллекцию?

Шохрух Шаймардонов, просто этот флажок мне блок сдвигает.
Причем во всех фотках он рядом с ними, а здесь пальцем в небо ткнули для его расположения.

Почему при наведении на картинку появляется флажок с добавлением в коллекцию?

Шохрух Шаймардонов, в яндекс браузере такое, в хроме нормально. Это можно как-то исправить?

Как выполнить замену с помощью регулярки?

спасибо огромное!

Что отвечает за визуальное отображения сайта, как ссылки картинкой в соц сетях?

А какие именно теги нужно добавить?

Пытался сделать через

<meta property="og:title" content="Заголовок">
<meta property="og:description" content="Описание.">
<meta property="og:image" content="http://example.com/img.jpg">
<meta property="og:image:width" content="968">
<meta property="og:image:height" content="504">

Но фотография в соц. сетях не изменилась.

Так же в яндексе нашёл ещё

<meta property="og:title" content="Мэрилин Монро"/>
<meta property="og:description" content="Американская киноактриса и певица"/>
<meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Marilyn_Monroe_-_publicity.JPG/210px-Marilyn_Monroe_-_publicity.JPG"/>

Но и это не помогло.

Что отвечает за визуальное отображения сайта, как ссылки картинкой в соц сетях?

спасибо!

Почему flex не выравнивает по центру?

спасибо!

Как убрать эффект появления синего фона при нажатии на ссылку или кнопку?

спасибо!

Красивый шрифт для Safari?

Ankhena, у вас красиво отображается, как и должно.

Есть какое-то правило, как должно выглядеть согласие на обработку персональных данных?

Это обязательно даже, если просишь заполнить только имя и телефон по желанию?
А то в статье про паспортные данные и прочие документы расписано.

Красивый шрифт для Safari?

Ankhena, у вас Exo2 красиво на яблоке отображается?

Красивый шрифт для Safari?

Ankhena, поменял, оставил только woff2 и woff, в фаерфоксе всё так же ужасно.
Сафари версию клиента не знаю, но его ноуту пол года.
Всё так же грустно в плане этого шрифта.

Как нам проверить путь, что запрос идёт на index.html?

спасибо!