Персонализирани шрифтове за плъгини и услуги на WordPress

шрифтове

Отминаха дните, когато Times New Roman и Georgia се смятаха за единствените шрифтове за текст в уебсайтове. Пространството на типографията се промени напълно през последните няколко години с появата наGoogle Fonts,Typekit и други.

Днес има стотици безплатни шрифтове, уроци и ресурси за дизайн, достъпни онлайн. За разлика от Adobe Illustrator, Photoshop и други настолни приложения, WordPress не ви дава пълен контрол върху шрифтовете. Само някои теми могат да използват персонализирани шрифтове.

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

Значението на използването на персонализирани шрифтове

Преди да преминете към техническите подробности, трябва да разберете какво стои зад дизайна и типографията?

По дефиниция това е технология за проектиране на дизайни и настройки за четене на текст.

Много зависи от конструкцията на шрифтовете. На съзнателно и подсъзнателно ниво всеки оценява съдържанието на уеб страницата по нейния дизайн.

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

Всички уеб браузъри включват набор от шрифтове по подразбиране. Това означава, че ако шрифтът не е зададен в CSS на страницата, тогава ще се използва шрифтът по подразбиране. Винаги можете да използвате шрифтовете по подразбиране, но те затрудняват нещата за потребителите. ТукЗащо е важно да използвате персонализиран шрифт? Ако вашата тема не ви дава опции за промяна на шрифта, има няколко добавки, които могат да ви помогнат.

плъгини

Как да намерите персонализирани шрифтове в WordPress?

Има много уебсайтове, където можете да намерите красиви шрифтове. Има и десетки хиляди шрифтове, достъпни онлайн. Някои от тях са безплатни за лична употреба. Търговската употреба изисква лиценз. Google Fonts и Adobe Edge Fonts са напълно безплатни. Ето няколко други ресурса за намиране на безплатни уеб шрифтове:

  • Google Fonts : Това е един от най-популярните безплатни ресурси за шрифтове в мрежата. Налични са над 500 шрифта за лична и търговска употреба. Използвайте Font Pair, за да съответствате на шрифтовете на Google.
  • Шрифт Squirrel : За разлика от Google Fonts, не всички шрифтове на Font Squirrel са налични за лична употреба. Ето защо, преди да използвате който и да е шрифт от този сайт, моля, прочетете лиценза.
  • Adobe Edge Web Fonts : Осигурява достъп до голяма библиотека от шрифтове. Поддържан от услугата Typekit, достъпът до търговски шрифтове се предоставя чрез Adobe. Това осигурява същата скорост и стабилност, както при Typekit.

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

Добавяне на персонализирани шрифтове към WordPress

Има два начина за добавяне на шрифтове към WordPress сайт:

  • Ръчно : С този метод изтегленият шрифт ще бъде качен на сайта и маркиран с CSS.
  • Приставки : В този случай се използват безплатни приставки за WordPressулесняване на процеса.

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

Характеристики на персонализирани добавки за шрифтове

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

Ето няколко точки, които трябва да вземете предвид:

Това е всичко. Първата функция в списъка е много важна. Винаги можете да изтеглите шрифтове от сайтове като DaFont, Font Squirrel и т.н., но трябва да можете да ги качите на WordPress сайт.

WordPress добавки за персонализирани шрифтове

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

1. Използвайте произволен шрифт

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

Друг недостатък е, че плъгинът не поддържа Google Fonts.

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

  • Инсталация : След като сте активирали приставката, отидете на вашия сайт и използвайте административния панел, за да приложите различните функции на тази приставка. По този начин този плъгин работи като Adobe Photoshop. Изберете елемент от интерфейса, коригирайте неговия шрифт, размер и цвят директно през админ панела. Какво става с шрифтовете? Със сигурност можете да използвате безплатни шрифтове отFontsForWeb.com.
  • Стил на шрифта : Има много други функции. За тези, които се колебаят да използват CSS, този плъгин ще ви помогне да се справите със стила на елементите.

Професионална версия : Има и премиум версия на плъгина, която предлага следните функции:

  • Можете да завъртите всеки текст
  • Можете да регулирате прозрачността на текста
  • Добавете заоблен пълнеж
  • Прилагане на ефект на сянка към текст

За съжаление, няма начин да изтеглите шрифта на Google.

3. Typekit шрифтове за WordPress

Typekit Fonts for WordPress е плъгин, който трябва да вградите във вашия WordPress сайт.

Този плъгин е фокусиран върху използването на шрифтове Typekit. Следователно не можете да използвате персонализирани шрифтове, изтеглени от сайтоветеFont Squirrel илиDaFont.

4. WP Google Fonts

WP Google Fonts ви позволява да използвате каталога на Google Fonts. Едно от невероятните предимства в областта на типографията е добавянето на шрифтове на Google.

  • Разширена библиотека с шрифтове : Това е огромна библиотека от безплатни шрифтове, които непрекъснато се подобряват и се използват доста често от уеб дизайнерите в различни проекти.
  • Използване : За да използвате тази безплатна услуга, трябва да обвържете избранитешрифт чрез поставяне на код в head > вашия сайт и след това използвайте CSS, за да приложите самия шрифт. За начинаещи може да се окаже трудно да го направите ръчно.

Не се притеснявайте, WP Google Fonts ще дойде на помощ. Този плъгин не само добавя необходимите файлове, но също така ви позволява да насочвате конкретни текстови елементи. Просто го инсталирайте и активирайте, като отидете в настройките. Оттам можете да изберете безплатни шрифтове от библиотеката на Google и да зададете желаните заглавия и шрифтове. Потребителският интерфейс подобрява нещата за начинаещи.

Какво е първото нещо, което потребителите забелязват, когато посетят вашия сайт? За неговия дизайн! Голяма част от дизайна разчита на правилното използване на красиви шрифтове. Така че трябва да се погрижите за шрифтовия дизайн на вашия сайт. Използвайте един от плъгините, споменати по-горе, за да вградите новия стил на шрифта.

плъгини

Уверете се, че не използвате повече от два шрифта на един и същи сайт. Тъй като колкото повече персонализирани шрифтове добавите към сайта, толкова по-бавна става скоростта на сайта.