Меняем шрифт на сайте

Обратил внимание, что на старых операционных системах мой сайт ну очень уж убого смотрится. Одна из причин это то, что классические шрифты Arial, Tahoma, Verdana, Sans Serif морально устарели. И если в настройках системы включить "Наилучший вид" и ClearType, то еще более-менее:

Меняем шрифт на сайте

 

а если этого нет, то дело совсем худо:

Меняем шрифт на сайте

 

Мне конечно же хочется чтобы:

  1. Шрифт на сайте выглядел красиво;
  2. Чтобы шрифт был независим от настроек операционной системы.

Уже довольно давно "впереди планеты всей шагают" новомодные шрифты. Одним из таких шрифтов является Roboto от компании Google. Этот шрифт встречаю на многих сайтах и смотрится он более чем хорошо.

Меняем шрифт на сайте

Для настройки этого шрифта нужно зайти на https://www.google.com/fonts, найти нужный шрифт через поиск, выбрать нужный шрифт из семейства шрифтов и получить линк вида:

link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'

а затем вставить между тегами  < head >...  </ head > в файле header.php установленной темы. И еще обновить CSS:

font-family: 'Roboto', sans-serif;

Результат налицо. Еще постараюсь удалить зеленую "кислоту" (цвета #41a62a, #24890d, #55d737 ) стандартной темы WordPress. Пока целиком переделывать дизайн не планирую, но потихоньку-потихоньку все к этому и идет.

Дополнение от 18.06.2016

Удобно и быстро посмотреть какой шрифт используется на сайте можно с помощью расширений браузера. Для Crome и Яндекс браузера это WhatFont и Csscan.

Меняем шрифт на сайте

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *