Задать вопрос
@krll-k
html

У меня есть архив с файлами шрифтов. Как их правильно подключить в style.css? Какие best practices есть?

2469128372094c2ba1898734310d235b.pngУ меня есть архив с файлами шрифтов. Как их правильно подключить в style.css? Хочу узнать лучшие практики, какие best practices есть? Инклуды и все такое
  • Вопрос задан
  • 2418 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Решения вопроса 1
@lnked 
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'MiriadPro Regular';
	src:url('MiriadPro.eot');
	src:url('MiriadPro.eot?#iefix') format('embedded-opentype'),
		url('MiriadPro.woff') format('woff'), 
		url('MiriadPro.ttf') format('truetype'), 
		url('MiriadPro.svg#HeroicCondensedBold') format('svg'); 
}
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 3
maNULL
@maNULL
font-face
Ответ написан
4 комментария
4 комментария
@bromzh
Drugs-driven development
1) конвертируешь шрифты тут (только надо выбрать "expert" и прописать нужные настройки, типа кирилицы и т.д.)
2) подключаешь созданный файл
Ответ написан
Комментировать
Комментировать
@yurist38
Веб-программист, музыкант
Когда-то очень долго провозился с этим, чтобы найти универсальное решение. С тех пор использую такую схему:

@font-face {
font-family: Myriad Pro;
src: url("../fonts/MyriadPro.eot");
src: url("../fonts/MyriadPro.eot?") format('eot');
src: local("Myriad Pro"), url("../fonts/MyriadPro.ttf");
}

@font-face {
font-family: Myriad Pro Bold;
src: url("../fonts/MyriadProBold.eot");
src: url("../fonts/MyriadProBold.eot?") format('eot');
src: local("Myriad Pro Bold"), url("../fonts/MyriadProBold.ttf");
}

И так далее каждый шрифт. У меня работает отлично на всех браузерах (эксплорер не считаю=)). Конвертирую в eot здесь https://www.kirsle.net/wizards/ttf2eot.cgi
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать алгоритм обработки фотографий
23 апр. 2024, в 20:08
400000 руб./за проект
Доработка парсера
23 апр. 2024, в 19:21
300 руб./за проект
Верстка сайта
23 апр. 2024, в 19:05
15000 руб./за проект
Ещё заказы