LOADING

Google Web Fonts — нестандартные шрифты

  1. Главная страница
  2. Блог
  3. Google Web Fonts - нестандартные шрифты

Google Web Fonts — нестандартные шрифты

Чуть больше года назад я написал заметку об использовании нестандартных шрифтов в Веб разработке. Тогда я был уверен, что наиболее удобным и стабильным решением является библиотека Cufon. Однако возникшие с ней проблемы в Internet Explorer 9 (старая версия библиотеки не работала с ним, пришлось обновлять её до последней версии на всех сайтах) и заметное увеличение времени загрузки сайта, при использовании Куфона привели к тому, что я начал искать более удобное и простое решение. И такое решение появилось – это Google Web Fonts.

Изначально, узнав об этом сервисе я сильно сомневался в его полезности – шрифтов с поддержкой кириллицы было очень мало, подключение шрифтов выглядело слишком простым – что вызывало сомнения в стабильности и кросс-браузерности. Тогда я решил протестировать этот сервис на некоторых сайтах и посмотреть на результат – после чего можно было принимать решение о дальнейшем использовании Google Web Fonts.

Сам процесс выбора и подключения шрифта выглядит крайне просто и удобно:

Перейдя по ссылке http://www.google.com/webfonts выбираем в списке Scripts пункт Cyrillic для сайтов, где нужна кириллица. Для сайтов на немецком или французском языках необходимо будет выбрать Latin Extended. После этого нажав кнопку Quick Use перейти на страницу использования шрифта.

Промотав эту страницу вниз нужно будет скопировать ссылку на шрифт в окне Add this code to your website и вставить её между тегами <header></header> страницы сайта. После чего скопировать строку из пункта 4. Integrate the fonts into your CSS и вставить её в CSS свойствах для тех элементов, где необходимо использовать этот шрифт. Всё, шрифт внедрён на сайт.

Также, при желании, можно подобрать различные начертания внутри выбранной гарнитуры, использовать java-script или @import вставку, при необходимости.

Как видим процесс интеграции крайне прост. При этом опыт использования доказал, что это решение полностью стабильно и кросс-браузерно. Ещё один, на мой взгляд главный, плюс Web Fonts в том, что использование его практически не влияет на время загрузки страницы, в отличии от других вариантов внедрения шрифта, которые ощутимо грузят сайт.
Главным же недостатком этого решения я бы назвал небольшое количество шрифтов в базе – сейчас их стало намного больше, чем изначально, но всё равно найти определённый шрифт не всегда удаётся.

Подведя итоги можно сказать, что Google Web Fonts лучшее решение, если нужен шрифт определённого типа – Condensed, Accident, Slab и.т.д., либо же дизайнер разработал макет учитывая те шрифты, которые есть в базе Google. В случае, если нужно внедрить определённый редкий шрифт – Cufon остаётся незаменим.

В немецкой версии нашего сайта мы использовали Google Web Fonts , подобрав наиболее похожий по начертанию шрифт. Результат такого выбора нас крайне обрадовал – сайт грузится быстро и одинаково отображается на всех устройствах – что я вляется главным при внедрении нестандартного шрифта.

Leave a comments