неделя, 3 юни 2018 г.

Как да добавим шрифтове от Google fonts в блога си

Изберете шрифт от https://fonts.google.com/. Изберете Кирилица.
Аз имам слабост към ръкописните,затова ще ползвам за пример Caveat





След като сте избрали шрифт- маркирайте го






Ще се покаже поле в дъното на екрана




Отворете го.
Маркирайте съответните отметки,за да персонализирате шрифта както ви харесва.




Отваряте Blogger ,отивате на  TEMA,редактиране на HTML кода

 Натискаме едновременно CTRL и F , отваря се поле за търсене , в което пишете head   и натискате ENTER


Резултата от търсенето се оцветява в жълто ↴
Точно под <head> поставяте копирания код.


<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet"/>



Добавете наклонена черта(оцветената в червено) в края на кода,за да го затворите.Ако пропуснете добавянето и,кода няма да работи.

Сега да определим къде да се използва шрифта.


Ако искате да смените шрифта на заглавието на публикациите в блога си,натиснете Ctrl+F едновременно.Ще се появи поле за търсене в шаблона ,напишете .post h3 {   и натиснете ENTER .

Точно под него заменете кода с кода от страницата на шрифта
трябва да изглежда така



Ако не намерите .post h3 {  , тогава в полето за търсене запишете h3.post-title a { и отново натиснете ENTER
Това,което ще намерите ,ще изглежда така:
Точно под маркирания в жълто код,поставете кода от страницата на шрифта-заменете го!
Визуализирайте темата,за да видите промените преди да запазите темата.
Когато се убедите,че всичко изглежда добре , запишете темата.

Ако искате различния шрифт да се ползва на друго място,например в страничната лента,като основен шрифт в поста,прочетете и следващите редове.

За да замените шрифта в заглавията на притурките и приложенията в страничната лента,отново отидете на редактиране на темата и натиснете Ctrl +  F едновременно.В отвореното поле за търсене напишете h2 { Резултата,който ще получите може да изглежда така/още един вариант малко по-надолу/:










Заменете font: $(widget.title.font); с кода от страницата на избрания шрифт
Трябва да изглежда така:
вариант 2

Ако при вас нещата не изглеждат по този начин търсете .sidebar h2 {,точно под него заменете в съществуващия ред от името на щрифта с това на шрифта , който сте избрали 



Визуализирайте,ако всичко е наред и ви харесва,запишете промените.

Смяна на шрифта в текста на публикациите

Всичко се случва по същия начин,но този път търсим .post-body { заменяме името на използвания шрифт с името на избрания от нас шрифт.
Вариант 2

Ако не намирате .post-body { , другия вариант да смените шрифта в публикациите си е да търсите в полето body.font
в този случай резултата би изглеждал така

Заменете името на използвания шрифт с името на избрания от вас.
Визуализирайте,ако всичко е наред и ви харесва , запишете промените.

Много бих се радвала,ако днешната публикация е полезна за някого.Надявам се да не съм пропуснала нещо.Ако имате някакви въпроси,оставете коментар.Веднага ,щом го видя,ще отговоря.

1 коментар:

Напишете своя коментар, въпрос ,мнение.Благодаря!
Не забравяйте да поставите отметка в квадратчето "Изпращане на известие", за да получите известие за отговор.