Как да добавите шрифтове от Google Fonts в WordPress Тема

Шрифтове Google Web - чудесен източник шрифтове за уеб дизайнери. В WPBv4 започнете да използвате Google Font Font популярна комбинацията. Слушалки Осуалд ​​и Лора. Някои потребители са задавани въпроси за това дали можете да използвате шрифтовете на Google за WordPress теми и как да го направя. В тази статия, ние ще се фокусира върху това как да добавите Google Web Fonts шрифтове в WordPress теми правилно и това не се отразява на работата на вашия сайт.

Търсим шрифтове от Google Fonts Web, които ви харесват

Първо, трябва да се намери на шрифтовете от Google, които ви харесват. Потърсете възможности между предложената шрифта библиотека, наречена Google шрифтове библиотека. След като сте намерили подходяща опция, кликнете върху бутона за бързо употреба:

След като кликнете върху този бутон, ще се озовете на нова страница. Превъртете нагоре, докато не видите формуляр с името "Добавете този код към вашия сайт":

Копирайте кода по-долу и го поставете в бележник, ние ще го използвате по-късно. Той обикновено се използва най-малко две различни шрифтове. Например, в нашата практика да се използва шрифта Осуалд ​​+ Лора. Така че е необходимо да се повтаря по-горе процедура за втория текст.

Добавянето на уеб шрифтове от Google Fonts в WordPress тема

Най-лесният начин - е да отворите файла на вашата тема style.css и поставете следния код, отнасяща се до шрифтовете да се добавят (не забравяйте, ние го копира в бележника на първата стъпка):

Така правят много (StudioPress. Битие). Но, въпреки това, това не е правилния начин за добавяне на шрифтове с отворен. Използването @import метод блокове паралелни сваляния, което води до уеб браузър ще започне до края, за да изтеглите файла с шрифтове и след това продължи да изтеглите останалата част от съдържанието на вашия уеб сайт. Затова, въпреки че този метод изглежда удобен, това не е най-добрият начин да се работи с шрифт, ако те е грижа за скоростта и производителността на вашия сайт. Подробности за тези нюанси можете да прочетете тук.

Най-доброто нещо ще бъде обединението на заявките към различни шрифтове на шрифтове от Google в една заявка. за да се избегне прекалено голям брой HTTP-заявки. Ето как да го направя. Добавете кода:

Дори и да са принудени да използват @import. най-малко комбинирате няколко заявки в една.

Как да добавите Google Web Fonts Fonts без да се компрометира ефективността на сайта

След като приключите с тази стъпка можете просто да използвате получената програмка и шрифтът в CSS файла на вашата тема. Тя ще изглежда по следния начин:

Има много от тези дъщерни дружества и рамки. Не се препоръчва да се промени родител тематични файлове, особено ако използвате рамката; тъй като промените в сюжетната линия ще бъдат изтрити всеки път, когато актуализирате версията на рамката. Ще трябва да се работи върху плюсовете и филтрите в рамките на родител тема, или ако искате да добавите правилните шрифтове от Google в детските теми.

Например, ако се вгледате в страницата Blueprint. Екипът WPBv4 създали персонализирана тема, като дъщерна тема от Genesis freymorka. Нека да видим как да добавите Google Web Fonts в темата на дъщерно дружество на базата на Битие.

Как да добавите Google Web Fonts шрифтове в дъщерно дружество подлежи на базата на Genesis

Отворете дъщерно темата и нейната functions.php файл и добавете следния код файл:

Не забравяйте да се замени позоваването на текста относно шрифта, който сте избрали.

Основното, което да се направи - е да погледнете кода вътре блок genesis_meta на. По подразбиране, има определени параметри като META -В описание, ключови думи, стилове и др икона на сайта Определяне на приоритета на 5. Виждаме, че стиловете, ще се зареди преди основният стилов обувка.

Последният ни съвет за уеб шрифтове от Google в сайта си: да не се задават въпроси и да не експериментирате с тези шрифтове, които няма да се използва. Например, ако имате нужда от само един нормален и смели, не се използва и не се конфигурира всички други възможни стилове за определен шрифт. Надяваме се, че нашето мнение ще ви помогне да настроите и използвате Google Web Fonts шрифтове на вашия WordPress сайт.

Източник: WPBeginner.com

Благодаря ви за полезна информация, което търсех - това е по-добре @import или линк към шрифтове. Преди това, през цялото време са свързани чрез внос твърдят, че кодът е по-чист, но се оказва, това се отразява на скоростта, ще се коригира.

И тук, например, шрифтове, заредени в темата чрез @import. Как да сте сигурни, че избрания шрифт обикновено се появява български текст, при условие, че самата шрифта и кирилица кирилицата подкрепя вътр?