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

В интернете 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, схема интеграции аналогичная, только шрифт лучше скачать и прописать свой путь к нему на своем сервере.

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

Применение этой методики в интернете можно встретить очень часто. Методика создания теней для блоков при помощи CSS имеет как много плюсов, так и недостатков. Мы рассмотрим более 12 вариантов реализаций теней при помощи параметра box-shadow.

13.11.2014

Задача: вывести записи с сортировкой по дате указанной в произвольном поле плагина ACF.

10.02.2017

Представляю вашему вниманию пожалуй самые необходимые аддоны для WordPress и плагина Advanced Custom Fields совершенно бесплатно, как мы любим. Repeater, Gallery и Option Page.

05.04.2015

Задача с виду очень простая, но я покажу как отобразить только подкатегории и подстраницы родительского пункта без использования стандартного меню. В некоторых проектах – это просто необходимо.

17.11.2014

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

01.12.2014