Как да добавите шрифт в WordPress

Как да добавите шрифт в WordPress

ВРЕМЕ ЗА ЧЕТЕНЕ: Минути

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

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

Нещо, което трябва да имате предвид е, че всички ваши теми имат директен достъп до цялата библиотека от шрифтове, предоставена от GooglАко някой от шрифтовете, от които се нуждаете, идва от Google, той вече трябва да е включен в наличните опции за шрифтове на вашата тема.

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

Стъпка 1 – Намерете правилните персонализирани шрифтове

Можете да намерите голям избор от безплатни шрифтове на Use & Modify или в „Окончателното ръководство за безплатни шрифтове“ от TypewolВ противен случай можете да направите крачка напред и да изберете платени алтернативи от Fonts.com, Adobe Fonts или Typography.com.

Независимо от източника, всеки шрифт ще се предлага с различни варианти на шрифта (тегло и стил). Например шрифтът Roboto има вариации като Roboto Thin, Roboto Light, Roboto Bold, Roboto Bold Italic и т.н. Използвайте ги, за да персонализирате външния вид на различни елементи като заглавия (H1, H2, H3 и т.н.), текст и др. при изработка на уеб сайт с WordPress.

  Мултиезичност за уебсайтове от ниво Enterprise - най-добрите WordPress решения

Стъпка 2 – Инсталирайте приставката за персонализирани шрифтове

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

За да инсталирате Fonto, отворете Plugins → Add new→ потърсете Fonto и щракнете върхуInstall. След като го активирате, трябва да видите нова опция в таблото за управление на WordPress, наречена Шрифтове.

Стъпка 3 – Добавете нов персонализиран шрифт

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

Услуга за уеб шрифтове

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

За да направите това, от таблото за управление на WordPress щракнете върху Шрифтове → Добавяне на нов → въведете името на вашия шрифт проверете опцията Уеб услуга за шрифтове в областта Източник на шрифт. Ако използвате услуги като Fonts.com, Adobe Fonts или Typography.com, копирайте кода за вграждане, предоставен с вашия шрифт, в полето Fonts Loading/Embed Code, както е. Това гарантира, че кодът ще бъде вмъкнат автоматично в областта <head> при изработка на уеб сайт с WordPress.

  Как редакторът на WordPress Gutenberg участва в изработването на бизнес уеб сайтове?

Стъпка 4 – Конфигуриране на тежести и стилове на шрифта

В зависимост от услугата, която използвате, трябва да отбележите как вариациите на шрифтовете (тегло и стил) са дефинирани в CSS правилото за шрифтове.

Случай #1 – Шрифтовете са групирани в едно име „Семейство шрифтове“.

Когато имате само едно име на шрифт като „Proxima Nova“, трябва само да въведете името на шрифта и да проверите само наличните варианти, заредени чрез пакета с шрифтове.

Случай #2 – Имената на шрифтовете се споменават индивидуално

Когато имате множество имена на шрифтове като „ProximaNW01-Regular“ и „ProximaNW01-RegularItalic“, трябва да сдвоите предоставените имена на шрифтове с техните съответстващи грамажи и стилове. Имайте предвид, че може да има тежести и стилове, които нямат налично име на шрифт, което е добре, тъй като не е необходимо да използвате всички варианти на шрифтове.

Стъпка 5 – Публикувайте своя шрифт

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

Отидете на Облик → Персонализиране и където и да имате поле за шрифт, ще видите вашия шрифт в горната част на списъка в категорията Персонализирани шрифтове.

И това е! Вашите любими шрифтове са готови за работа за няколко минути.

Вече знаете, как да добавите шрифт в WordPress

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

  Уеб интеракции за най-добрата WordPress производителност

Vipe Team

Автор Vipe Team

Нашият неуморен екип, който създава качествено WordPress насочено съдържание за Вас 24/7/365.