Нестандартный шрифт на сайте? Легко, просто и быстро!

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

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

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


1. Google Fonts

Google – компания добра, как известно, так вот ребята собрали огромную коллекцию шрифтов для вебмастера и упростили интеграцию прямо-таки всего до двух строк.

К примеру вы выбрали понравившийся шрифт, для его интеграции вставьте строку @import в файл стилей своего проекта:


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


И далее в файле стилей для нужных классов пропишите параметр шрифта, лично я делаю все одной строкой, к примеру так:

/* нестандартный шрифт */
h1, h2, .myclass, .allclass { font-family: 'Roboto', sans-serif; }


2. WebFont.ru

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

Применение: Смотрите пункт 1, схема интеграции аналогичная, только шрифт лучше скачать и прописать свой путь к нему на своем сервере.

Другие публикации