Быстрое подключение шрифтов Google Fonts (Open Sans, Roboto, Ubuntu)

13.11.2016

TemplateMonster - лучшая коллекция шаблонов для CMS WordPress

Добавлю для себя быстрое подключение шрифтов Google, просто потому что надоело постоянно брать их с сайта fonts.google.com. Если кому-то пригодится, то берите, мне не жалко.

Open Sans

//Добавляем к body или к нужному элементу
font-family: 'Open Sans', sans-serif;

//Добавляем в <head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=cyrillic" rel="stylesheet">

//Или добавляем в самый верх файла стилей css
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic');

Ссылка – https://fonts.google.com/specimen/Open+Sans

Roboto

//Добавляем к body или к нужному элементу
font-family: 'Roboto', sans-serif;

//Добавляем в <head>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;subset=cyrillic" rel="stylesheet">

//Или добавляем в самый верх файла стилей css
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic');

Ссылка – https://fonts.google.com/specimen/Roboto

Ubuntu

//Добавляем к body или к нужному элементу
font-family: 'Ubuntu', sans-serif;

//Добавляем в <head>
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&amp;subset=cyrillic" rel="stylesheet"> 

//Или добавляем в самый верх файла стилей css
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=cyrillic');

Ссылка – https://fonts.google.com/specimen/Ubuntu

Подключить несколько шрифтов можно так:

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Ubuntu:300,400,500,700&amp;subset=cyrillic" rel="stylesheet">

Полезная инфа:

Оставить комментарий