Как стать автором
Обновить

@font-face в Firefox

Время на прочтение 1 мин
Количество просмотров 2.1K
Сотрудник Mozilla, Джон Даггет подготовил сборку Firefox’а с поддержкой @font-face из спецификации CSS3 (часть «web font»). На данный момент она доступна только для Windows и Mac — для Linux пока нет. Есть нюансы которые описаны в комментарие на баг 70132, один из которых заключается в том, что по умолчанию скачиваются лишь те шрифты, что располагаются на просматриваемом сайте (домене), что бы исправить это нужно оключить опицию gfx.downloadable_fonts.same-site-origin.enabled на странице about:config.

Для тех, кто не знает эта вещь из CSS позволяет разработчику задавать на сайте тот шрифт, который ему нужен (пользовательский браузер должен загрузить указанный шрифт). Например следующий код

@font-face {
font-family: Delicious;
src: url('Delicious-Roman.otf');
}

@font-face {
font-family: Delicious;
font-weight: bold;
src: url('Delicious-Bold.otf');
}
h3 { font-family: Delicious, sans-serif; }

должен заставить отображать заголовки сайта (h3) вот таким образом



@font-face поддерживается Safari 3.1+, IE5 (но только проприетарны формат *.eot, который не будет поддерживаться в других браузерах). Кроме этого реализация использования этого чуда вот-вот будет в Firefox и Opera. Тест на поддержку @font-face, кстати, есть в Acid3

via css3.info
Теги:
Хабы:
+27
Комментарии 28
Комментарии Комментарии 28

Публикации

Истории

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн
PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн