Включване на кирилични шрифтове в шаблони на блогъри

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

Шаблоните на Blogger често се представят на англоезични сайтове, така че шрифтовете в тях също са свързани с латинската азбука. Ако използвате такъв шаблон в блог, където информацията е представена на руски език, тогава шрифтовете не се показват правилно. Ето пример, когато първата част на ред е в Times, а частта в жълто е Lato:

Шрифтът Lato изобщо не поддържа кирилица и не може да намери точен аналог сред Google Fonts, така че ще трябва да използвате различен шрифт.

Отворете връзката на шрифта Sans

Смятам, че шрифтът Open Sans е най-подходящ за основния текст на страниците. Този шрифт в комплекта има както латиница, така и кирилица, просто трябва да свържете правилно този шрифт.

Първо отворете HTML кода на шаблона (Шаблон - Редактиране на HTML), потърсете низа fonts.googleapis.com и вижте какви шрифтове обикновено се използват в шаблона (сега правя блог, използвайки шаблона на Voux Slider Blogger, които можете да изтеглите от тук: https: //gooyaabitemplates.com/voux-slider-blogger-template/). Този шаблон използва различни шрифтове:

Първо, нека заменим шрифта Lato с Open Sans и след това ще направим същото за останалите шрифтове. Може би за заглавия ще бъде възможно да се намери друг интересен шрифт с поддръжка на кирилица.

И така, в HTML кода, вместо последния ред за свързване за шрифта Lato, пишем следния код:

След това заместваме "Lato" с "Sans Open" в целия шаблон:

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

Запазете шаблона, презаредете сайта и вижте резултата. Сега текстът трябва да изглежда добре:

Връзка с шрифт на Ubuntu

В допълнение към основния текст, проблемът е и в заглавията на съобщенията:

В допълнение, съответно правя съответните заместители в целия шаблон - вместо Montserrat, Ubuntu трябва да е навсякъде.

Между другото, за новия шрифт трябва да проверите какви шрифтове са налични (получер 400, получер 700, курсив). Удобно е да избирате шрифтове и да изучавате всички характеристики на страницата на Google Fonts: https://www.google.com/fonts/

И така, запазваме шаблона и проверяваме резултата:

Подмяна на шрифта Raleway

Тук ще опитам да използвам шрифта Neucha вместо Raleway. По принцип можете да използвате и Ubuntu или дори Open Sans, колкото по-малко различни шрифтове в сайта, толкова по-добре, но все пак ще оставя място за творчество. Ако третият шрифт остане, тогава по-късно, ако желаете, ще бъде по-лесно да замените целия шаблон.

В кода виждам как точно е свързан този шрифт:

Сменям този ред на този:

И след това, по целия шаблон, замествам Raleway с Ubuntu:
семейство шрифтове: Ubuntu;

Между другото, в шаблона беше включен и друг шрифт - Domine:

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

Това е всичко, запазете шаблона и вижте резултата. Сега всичко изглежда добре.