API Google font - превосходный сервис от гугля. Позволяет избежать немного трудоемкого процесса установки на сайт эксклюзивный шрифтов, не предусмотренных браузерами и ОС.
Чтобы им воспользоватся достаточно зайти на страницу API Google font, выбрать кирилицу, подобрать шрифт, нажать "Quick-use" и получит код для установки на сайт.
Есть 3 варианта установки шрифта на сайт:
- Первый стандарный виглядит примерно так:
- Второй @import и виглядит вот так:
@ import url ( http://fonts.googleapis.com/css?family=Andika );
- Третий Javascript, самый громоздкий. Вот наглядный пример:
< script type=" text /javascript ">
WebFontConfig = {
google: { families: [ 'Andika:latin' ] }
} ;
( function( ) {
var wf = document.createElement (' script ');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
':// ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); < / script >
< link href=' http://fonts.googleapis.com/css?family=ВАШ ШРИФТ ' rel=' stylesheet ' type=' text/ css' >
И дальше просто в CSS или атрибуты тегов указываем наш шрифт... font-family: 'Andika', serif;
- Войдите или зарегистрируйтесь, чтобы получить возможность отправлять комментарии