При желании или необходимости на сайте можно использовать любой шрифт. Несколько лет назад на Хабре появилась статья «Cufón – используйте шрифты, какие душа пожелает», где автор кратко перечислил основные способы добавления сторонних шрифтов на сайт. Cufón не получил широкого распространения т.к. у него есть ряд недостатков по сравнению с методом W3C - @font-face, о нем и пойдет речь.

  1. Берем шрифт в формате .ttf и заливаем его куда-нибудь в папку fonts;
  2. Добавляем в CSS:
    @font-face {
    	font-family: 'Corinthia Regular'; /* Название вашего шрифта */
    	src: url('fonts/corinthia.ttf'); /* Путь к файлу шрифта */
    }
    
  3. Далее применяем шрифт к любым элементам:
    h1 {font-family: 'Corinthia Regular';}
Данная публикация старше 4-х лет. Возможно существуют более рациональные способы решения рассматриваемой задачи или вопроса.

Выразить благодарность

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

Так же, Вы можете перевести любую сумму, которую посчитаете нужной на наш счёт, что сильно мотивирует к написанию новых полезных статей.

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