Login | Register
Login by FaceBook

 

Кирилический API Google font

Сентябрь 12, 2011
funnyp 0  

API Google font - превосходный сервис от гугля. Позволяет избежать немного трудоемкого процесса установки на сайт эксклюзивный шрифтов, не предусмотренных браузерами и ОС.

Чтобы им воспользоватся достаточно зайти на страницу API Google font, выбрать кирилицу, подобрать шрифт, нажать "Quick-use" и получит код для установки на сайт.

Есть 3 варианта установки шрифта на сайт:

  1. Первый стандарный виглядит примерно так:
  2. < link href=' http://fonts.googleapis.com/css?family=ВАШ ШРИФТ ' rel=' stylesheet ' type=' text/ css' >

  3. Второй @import и виглядит вот так:

    @ import url ( http://fonts.googleapis.com/css?family=Andika );

  4. Третий 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 >

И дальше просто в CSS или атрибуты тегов указываем наш шрифт... font-family: 'Andika', serif;