Вы здесь

Как подключать Google Fonts на Drupal

В этой статье я расскажу Вам как подключить шрифты Google Fonts на Drupal. Я уверен, что есть множество разных разных способов (и даже модулей) чтобы решить эту задачу, но я Вам покажу самый быстрый и простой, а главное правильный. 

Для начала нужно определиться какой шрифт мы хотим подключить. Пусть это будет Open Sans. Нажимаем кнопку Quick use для того, чтобы получить нужную нам информацию.

В появившемся окне мы можем выбрать один или несоклько стилей. Но нужно понимать, что чем больше стилей вы выбираете, тем больше будет размер результирующего файла. Конечно же это будет сказываться на общий размер страницы и как следствие долгая загрузка сайта. Будьте осторожны с этим.

 

Немного ниже вы увидите блок Add this code to your website.

 

Нас интерисует значение атрибута href - путь к файлу стиля. Скопируйте его. Затем откройте файл темы template.php и вставьте туда код, заменив yourtheme на название Вашей темы.

function yourthemename_preprocess_html(&$variables) {
   drupal_add_css('http://fonts.googleapis.com/css?family=Alegreya', array('group' => CSS_THEME));
}

Будьте внимательны, если в файле template.php уже прописана функция препроцессора html, то просто добавьте следующий код в эту функцию.

drupal_add_css('http://fonts.googleapis.com/css?family=Alegreya', array('group' => CSS_THEME));

В случае, если Ваш сайт использует безопасный протокол https, то Вам нужен следующий код:

drupal_add_css('//fonts.googleapis.com/css?family=Alegreya', array('group' => CSS_THEME));

После того, как вы сбросите кеш, можно будет увидеть, что файл стилей отображается в head документа. Теперь все что нам нужно это прописать шрифт в css документе. Как это сделать написано в блоке Integrate the fonts into your CSS на странице Google Fonts. В нашем случае это:

font-family: 'Alegreya', serif;
Теги: