Добавляем собственные шрифты на сайт


17:34, 19/03/2018

При желании или необходимости на сайте можно использовать любой шрифт. Несколько лет назад на Хабре появилась статья «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';}


Комментарии