Использование шрифтов google

Чтобы web-странички смотрелись лучше, полезно некоторые надписи делать нестандартным шрифтом. На момент написания статьи Google Web Fonts. располагает 617 латинскими и 46 кириллическими шрифтами.

В тэг head нужно добавить ссылку на шрифт и определить какой-нибудь стиль:

  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
 h1 {
   font-family: 'Tangerine', serif;
   font-size: 48px;
   text-shadow: 4px 4px 4px #aaa;
 }
    </style>
  </head>

в данном примере контент всех тегов <h1> страницы будет написан шрифтом Tangerine размером в 48px и с тенью указанного цвета и отступа.

В отсутствие интернта, либо если ссылка будет указывать на несуществующий шрифт, для тега <h1> будет браться следующий вид шрифта serif. Впрочем и с ним могут возникнуть те же проблемы, так что последним в списке желательно указывать какой-нибудь банальный шрифт, который всегда присутствует в системе.

Java - J2EE и GWT

понедельник, 25 февраля 2013 г.