Часто бывает, что хочется на сайт внести какой-либо не обычный шрифт, под обычным понимается шрифты стандартные для верстки: Arial, Verdana, Times и так далее, но есть шрифты и не стандартные вот о них и поговорим.

fonts

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

Так как же подключить такой шрифт на сайт?

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

Google fonts

google-font

Заходим на сайт http://www.google.com/fonts/ выбираем слева в меню Ciryllic т.е. кириллические шрифты.

Подбираем нужный нам шрифт и нажимаем кнопочку со стрелкой. Далее разберем легкое стандартное подключение. Вам предложат вставить код на сайт. «Add this code to your website:» , вставляем в шапку сайта между тегами HEAD

<link href=’http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic’ rel=’stylesheet’ type=’text/css’>

Далее в CSS можно использовать для необходимого нам класса

1
font-family: 'Open Sans', sans-serif;

Второй сайт потрясает количеством кириллических шрифтов

WEBFONT

webfont

Все точно так же идем на сайт http://webfont.ru/ выбираем шрифт и нажимаем «получить шрифт».

Тут используется второй способ для css3. Идем в наш css и вставляем предложенный код в самое начало файла

1
@import "http://webfonts.ru/import/acline.css";

Теперь в нужном классе мы можем указать font-family: ‘AC Line’; и у нас все заработает.

Вот о таких двух волшебных сайтах я вам сегодня рассказал.