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

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


3. WebFonts.pro

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

ВКонтакте
Facebook
WhatsApp
Telegram
Автор статьи
Выгодный хостинг
Хостинг Beget

Выгодная партнёрская программа! Верните на свой счёт 20% с любой суммы от оплаты хостинга Beget!

Новое в блоге

Смотрите также

Мессенджеры

Написать сообщение

Отправлено!

Мы свяжемся с вами в ближайшее время.