15 September 2008

@font-face в Firefox

CSS
Сотрудник 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
Tags:cssfont-facefirefoxcss3
Hubs: CSS
+27
1.8k 11
Comments 28