Добавляем шрифт в CSS-файле

Добавляем шрифт в CSS-файле

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

Как оказалось способов много, начиная от объявления html-тегом, объявление в CSS-файле или JS-скриптом. Результат, как ни странно, получается один. Хотя нам только этого и нужно.

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

Выбор пал на замечательный шрифт Александра Калачёва и Алексея Маслова, который гордо именуется Days. Да простят меня авторы, шрифт можно скачать отсюда.

Добавляем шрифт в CSS-файле

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

@font-face {
font-family: Days;
src: url(/style/Days.otf) format("opentype");
}

Где /style/Days.otf - это путь до шрифта. У меня он размещен в директории /style. У Вас это может быть любая другая удобная для Вас директория.

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

font-family: Days;

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

Но несмотря ни на что этот шрифт просто супер.

P.S. Для каждого человека свадьба - это очень ответственный шаг. Помимо этого, этот день очень много значит для человека. Именно поэтому все должно быть великолепно: церемония только в замке, экипаж только лимузин. Прокат лимузинов на свадьбу - это в последнее время популярная услуга, которую стоит заказывать заранее.

Комментарии:

Имя
e-mail
Сайт
Текст комментария: