Подключение шрифтов на сайт

  1. Скачиваем необходимый шрифт

В данном примере использовался шрифт Museo Sans Cyrl 300 (MuseoSansCyrl300.ttf)

  1. Копируем шрифт в папку со шрифтами. Если такой папки нет - создаем (например: assets/fonts)
  2. Подключаем шрифт в css для дальнейшего использования

@font-face
    font-family: MuseoSansCyrl300; /* Гарнитура шрифта */
    src: url(../assets/fonts/Museo-Sans-Cyrl-300.ttf); /* Путь к файлу со шрифтом */

Будьте внимательны с относительными путями. В примере style.css лежит в assets/css.

  1. Теперь можем использовать подключенный шрифт

html
    font-family: 'MuseoSansCyrl300',sans-serif!important;