Ручная смена шрифтов

По просьбе читателя исследовал один баг, который появился у него на блоге. Проблема заключалась в том, что при смене шрифта заголовка сообщения, ничего не менялось. Смена, по-видимому, производилась в настройках шаблона блогспота, в панели управления.

 смена шрифтов

Немного поэкспериментировав в хромовских инструментах разработчика, был найден некий скрипт отвечающий за вывод шрифта «Homemade Apple». На самом блоге он отсутствовал. Зайдя в панель настройки шаблона, увидел шрифт в списке блогеровских. Но в инструментах разработчика виден другой шрифт. Причем как его не изменяй (а инструменты разработчика хрома позволяют экспериментировать с кодом сайта, можно подставлять различные значения – например, для css – и видеть изменения в реальном времени), ничего не меняется.

Логично рассудив, что шрифты были изменены вручную непосредственно в режиме изменения HTML шаблона блога, я выставил у себя на тестовом блоге такой же шрифт «Homemade Apple» для заголовков h3, затем изменил шрифт в коде шаблона. Было так:
Результатом стала та самая невозможность изменить шрифт из редактора шаблона. Причем даже если до этого стоял любой другой шрифт, необязательно «Homemade Apple». Если все вернуть, как было, все равно уже работать не будет.

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

Примерно так это делается (для непосвященных). Открываем Google Chrome, тыкаем на участке, который нужно изменить.

Внизу, как видим откроется окошечко, где можно увидеть код, в данном случае, заголовка статьи,

Hello, readers of my blog!

А чуть левее можно увидеть css-стили для этого заголовка:

Попробуйте, снимите галочки, или кликните по числовым значениям (их можно изменить), и вы увидите, как меняется облик сайта.

Далее в коде шаблона блога ищем нужное нам (в вашем случае, конечно, другое!)

h3.post-title, .comments h4 { font: normal normal 22px Cursive; margin: .75em 0 0;

}

И меняем название шрифта на нужное. Название моего шрифта я выделил немного.

Комментарии закрыты.

Познавательный Онлайн-Журнал «Zanprim» 2019 zanprim.ru

При использовании статей с сайта оставляйте, пожалуйста, обратную ссылку на наш ресурс.