Как подключить шрифты через CSS


С помощью правила @font-face можно легко подключить загруженные шрифты через CSS. Для этого в вашем css файле пропишите правило  @font-face и кавычки (для задания свойств).

 

 

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

 

 

Насыщенность (толщина) и стили шрифта бывают разными, но использовать можно только те, которые существуют у определенного шрифта. Например у Open sans доступны 5 типов насыщенностей: 300 (тонкий), 400 (стандартный), 600 (полужирный), 700 (жирный) и 800 (супер жирный). И 2 стиля: normal (стандартный) и italic (курсивный).

Пример подключения «Open sans»

 

 

Примеры присвоения тексту насыщенности и стиля:

 

  • Насыщенность 400 (стандартная) и стиль — нормальный.

  • Насыщенность 600 и курсивный стиль.

 

 

 

 

 

 

 

 

 

 

Возможно, вам будет интересно: