Не подключается конкретный шрифт в CSS

Question

Почему-то не подключается конкретный шрифт в CSS.

Пример рабочего кода

    font-family: 'Open Sans';
src: url('fonts/Open_Sans/OpenSans-SemiBold.ttf'),
     url('fonts/Open_Sans/opensans-semibold-webfont.woff2') format('woff2'),
     url('fonts/Open_Sans/opensans-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

А эта часть отказывется работать

    font-family: 'Poppins';
src: url('fonts/Poppins/Poppins-Medium.ttf')
     url('fonts/Poppins/poppins-medium-webfont.woff2') format('woff2'),
     url('fonts/Poppins/poppins-medium-webfont.woff') format('woff'),
     url('fonts/Poppins/Poppins-Medium.eot');
font-weight: normal;
font-style: normal;

Уже конвертировал в разные форматы, проверял пути и т.д. Что характерно, в режиме разработчика стиль отображается. Текст на латинице, так что конфликт с кириллицей отпадает. Как видите, имеется рабочий шрифт, лежащий в соседней папке, и подключенный абсолютно таким же способом. И он работает.

Answer 1

Рекомендую взять шрифт с Google Fontes. Инструкция:

Выбираем шрифт с сайта https://fonts.google.com/
Выбираем семейство шрифтов (например, Roboto)
Выбираем шрифты
Копируем import и вставляем в css файл
Теперь мы можем использовать эти шрифты. В моём случае для вызова шрифта нужно написать:

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
p{
font-family: 'Roboto', sans-serif; /*семья*/
font-weight: Regular 400; /*конкретный шрифт, один из тех, что мы инпортируем*/
}

<body>
<p>stackoverflow</p>
</body>

Не загружайте много шрифтов, от этого сайт начинает долго загружаться

Полезная статья:http://htmlbook.ru/css/font

БЛОГ НА HUSL

Не подключается конкретный шрифт в CSS

Ответы (1 шт):