Задать вопрос
@JohnDoe116
html

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

Верстаю макет. Макет содержит шрифты которые не могу найти в интернете, точнее нашёл но они не подключаются. Кто нибудь использовал вот этот PFEncoreSansPro шрифт когда либо?Вот способ мой способ подключения. Возможно я что-то не так делаю. Пробовал всё -format("otf") прописывал, перепробовал все кавычки, апострофы(во всех комбинациях. Другие шрифты прекрасно подключаются с таким же синтаксисом.
@font-face {
	font-family: 'PFEncoreSansPro-Thin', Arial, sans-serif;
	src: url(../assets/fonts/PFEncoreSansPro-Thin.otf);
	font-weight: 200;
}

@font-face {
	font-family: 'PFEncoreSansPro-Light', Arial, sans-serif;
	src: url(../assets/fonts/PFEncoreSansPro-Light.otf);
	font-weight: 300;
}

@font-face {
	font-family: 'PFEncoreSansPro-Medium', Arial, sans-serif;
	src: url(../assets/fonts/PFEncoreSansPro-Medium.otf);
	font-weight: 600;
}

@font-face {
	font-family: 'PFEncoreSansPro-Bold', Arial, sans-serif;
	src: url(../assets/fonts/PFEncoreSansPro-Bold.otf);
	font-weight: 700;
}
  • Вопрос задан
  • 113 просмотров
1 комментарий
Подписаться 1 Средний 1 комментарий
Решения вопроса 1
SkiperX
@SkiperX Куратор тега CSS
в font-face не указываются запасные шрифты, только подключаемый.
еще возможно пути не верные, или когда используешь не указываешь font-weight.
так же шрифт может не поддерживать кириллицу.

и в woff/woff2 тут можно переконвертить
https://www.fontsquirrel.com/tools/webfont-generator
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
lukoie
@lukoie
upd а где у Вас лежат стили, по какому пути? Пробовали прописать абсолютный путь к шрифту?

Посмотрите в другом браузере, как минимум. Может Ваш не может почему-то отобразить этот формат.
Нужно с фолбеком указывать шрифты, если что.
@font-face {
    font-family: 'font, Arial, sans-serif';
    src:  url('fonts/font.otf') format('otf'),
            url('fonts/font.woff') format('woff'),
            url('fonts/font.woff2') format('woff2'),
            url('fonts/font.ttf') format('ttf');
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Убрать подпись с печати, в идеале перенести в вектор
19 апр. 2024, в 12:24
1000 руб./за проект
Доработать сайт на React + Nest
19 апр. 2024, в 12:05
1500 руб./в час
Разработать программу в CodeSys
19 апр. 2024, в 12:00
250 руб./за проект
Ещё заказы