11 мая 2011 г.

Внедряем в свой сайт новые шрифты от Google Font Directory

В очередной раз компания Google inc. порадовала веб-разработчиков. В этот раз компания разработала так называемый Google Font Directory - каталог высококачественных шрифтов, которые по средствам Google Font API можно внедрить на свой сайт.

Преимущества использования таких шрифтов следующие:

  • большой выбор высококачественных веб-шрифтов для любой вашей страницы.
  • поддержка данных шрифтов почти всеми браузерами (в том числе Explorer 6).
  • невероятно легко использовать.
  • хранилище шрифтов продолжает увеличивается с каждым днем.

Как внедрить в свой сайт шрифты из Google Font Directory?

На пример вы хотите внедрить шрифт Ubuntu. Для этого перед тегом </head> добавляем следующий код:

<link href="http://fonts.googleapis.com/css?family=Ubuntu&amp;
subset=cyrillic,latin" rel="stylesheet" type="text/css"></link>

API будет генерировать необходимые CSS, специфичные для браузера пользователя, таким образом Вы можете использовать шрифт на странице не переживая за правильность его отображения, поэтому далее просто используйте шрифт Ubuntu в CSS, например:

h1 { font-family: 'Ubuntu', arial, serif; }

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

http://fonts.googleapis.com/css?family=Ubuntu|Tangerine:bold,bolditalic|Inconsolata:italic|Droid+Sans

2 комментария: