Теперь можно использовать шрифт @font-face?

Мне нужно использовать причудливый шрифт в проекте, но мне бы очень хотелось избежать sifr и других уродливых альтернатив, поэтому я смотрю на @font-face.

Тем не менее, я действительно смущен несколькими блогами/сайтами, предлагающими разные взгляды на его удобство использования. Готово? Какие браузеры поддерживают его сегодня?

Ответы

Ответ 1

Почти каждый браузер реализует его сейчас. Единственный реальный улов в том, что Internet Explorer требует файлов шрифтов в собственном формате OTF и не понимает формат TTF. Многие сайты, которые предоставляют шрифты для использования с @font-face, предоставят вам как форматы, так и CSS, необходимые для их отображения в обозревателе Internet Explorer и других браузерах.

Взгляните на http://www.fontsquirrel.com/ за хороший пример бесплатной библиотеки шрифтов, которые поставляются с предварительно созданной загрузкой @font-face (оба формата файлов и соответствующий CSS.)

Ответ 2

Paul Irish изложил текущее состояние @font-face. Здесь слайд-шоу и небольшое собрание в Бостоне, рассматривающее все это:

http://paulirish.com/squeeze/

http://www.ustream.tv/recorded/4828154

Быстрый ответ: 95% браузеров A + используют его (исключение FF 3.0). Лицензирование может быть сложным, но несколько инструментов могут помочь, например, FontSquirrel, FontDeck и FontSpring.

Вероятно, самая сложная часть реализации имеет дело с Firefox, который имеет FOUT ( "вспышка нестираемого текста" ) при загрузке, хотя есть несколько обходных решений, в том числе:

http://paulirish.com/2009/fighting-the-font-face-fout/

http://inspiringpixel.com/articles/web-design/fight-the-fout/240/

http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/