Webdev Tales

Использование на сайте web-шрифтов от Google

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

При выборе шрифта для своего сайта обычно приходится довольствоваться стандартным и не очень большим набором шрифтов, которые присутствуют во всех современных операционных системах. Ведь если я буду использовать какой-нибудь редкий шрифт, то велика вероятность, что у посетителей сайта он не будет установлен и они вместо красивого шрифта увидят стандартный.

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

Google пошёл дальше, и создал сервис, который позволяет пользователю подгружать посетителям своего сайта лицензионно чистые шрифты с серверов Google.

Практически я применил этот сервис на своём сайте dmitry.shamin.spb.ru. В левых панелях используется шрифт Droid Serif.

Подключение веб-шрифтов через Google происходит просто:

• заходите на сайт http://www.google.com/webfonts
• выбираете нужный шрифт (проследите, чтобы в нём были кириллические символы)
• после жмём Quick use и переходим на страницу, где нам предлагают выбрать необходимые начертания. При этом справа показывается скорость загрузки страницы, если к неё подключить выбранный шрифт.
• ниже находится код для вставки в теги head вашего сайта и код для css
• всё

Из личного опыта есть замечания:

1) Если у вас Window XP и браузер Chrome, то web-шрифт отображается не совсем корректно - тоньше и не совсем ровно.

2) Может происходить некоторая задержка с отображением шрифта на странице, но обычно она практически незаметна.