25 Прекрасни веб-безбедно фонтови за вашиот веб-сајт

Член напишан од:
  • Онлајн Бизнис
  • Ажуриран: Jan 17, 2019

Без разлика дали сте е-трговија продавница or младиот блогер, едно нешто што сите веб-сајтови имаат заедничко е употребата на текст за содржина. Ставањето на некоја мисла на вашиот прикажан текст (или типографски дизајн) е изненадувачки важно кога се создава целокупната естетика на вашиот сајт и да се обезбеди нејзиниот успех.

Еве нешто, може да имате одличен WordPress шаблон или да ставате импресивни слики на вашата веб-страница. Сепак, ако користите непривлечен основен фонт (или уште полошо Comic Sans!), Тогаш сеуште ќе завршите со веб-страница која изгледа и се чувствува непрофесионално.

Плус, ти недостасува на изобилство на прекрасни веб типографија која е достапна на интернет.

Се разбира, ако сакате да бидете сигурни дека фонтот што го избирате сигурно се вчитува на други компјутери, треба да изберете "веб-безбеден фонт".

Со нашите 25 прекрасни веб-безбедни фонтови, ќе бидете сигурни дека ќе имате неверојатна веб-типографија за вашиот веб-сајт кој работи цело време, до крајот на оваа статија!

Што е веб-безбедно фонт?

Веб-безбедно фонтови се фонтови кои обично се претходно инсталирани на повеќето уреди - компјутери, мобилни телефони, паметни телевизори и таблети.

Зошто е важно безбедно фонтови?

Во идеален свет, треба да имате можност да изберете кој било фонт што го сакате за вашата веб-страница. Во реалноста, постојат ограничувања на видот на фонтови што можете да ги користите.

Повеќето компјутери и веб прелистувачи доаѓаат со множество на фонтови кои претходно се инсталираат од страна на производителите, но нивните дизајни можат (и обично) се разликуваат. Немаше стандарден фонт што го споделуваа сите различни производители.

Ако фонтот што го користевте не бил инсталиран на компјутерот на корисникот, тогаш вашата веб-страница само ќе се врати на генерички фонт, кој понекогаш може да заврши како нечитлив.

Во други за да се избегне тоа, веб-дизајнери го користат Основни фонтови за веб дека Мајкрософт објави во 1996 како стандард за повеќето веб-страници. Овие множества на фонтови на крајот станаа "безбедни веб-фонтови", бидејќи без оглед на компјутерот, фонтовите безбедно ќе се појават на вашата веб-страница.

Треба ли да користам веб-безбедно фонтови за мојата веб-страница?

Краток одговор: Апсолутно.

Ако сакате да го задржите дизајнот и визуелниот бренд на својата веб-страница доследни, тогаш користењето на веб-безбедно фонт гарантира дека вашата веб-страница се појавува токму онака како што сте имале намера да биде.

Всушност, речиси целата веб-страница денес користи некоја форма на веб-безбеден фонт. Веб-дизајнерите секогаш ќе препорачаат да изберат веб-фонт за безбедноста за да избегнат генерички фонтови, како што се Times New Roman, кога корисниците ќе го посетат вашиот веб-сајт, ако не го поседуваат тој специфичен или обичен фонт.

Како да додадам овие веб-безбедно фонтови?

Постојат неколку начини кои можете да ги користите за да ги додадете овие фонтови во вашата веб-страница, но ако не сте во програмирање или имате малку технички искуство, можете едноставно да го копирате суровиот CSS код и да ги залепите директно во вашиот сопствен стил за да ги користите фонтовите.

Ако сте сеуште несигурни, едноставно следете неколку едноставни чекори:

  1. Вчитајте ја вашата датотека header.php
  2. Копирајте го изворот на фонтот / стандардниот код
  3. Вметнете го кодот на врвот на датотеката со заглавие.
  4. Вчитајте го вашиот style.css, ставете го фонт кодот за да го промените текстот на фонтот по ваш избор.

До крајот на тоа, треба да имате табела со стилови која изгледа вака:

На 25 Прекрасни Веб Безбедно фонтови за вашиот веб-сајт

1. Arial

Линкови / Извор: Fonts.com / CSS фонт магацинот

2. Калибри

Линкови / Извор: Fonts.com / CSS фонт магацинот

3. Helvetica

Линкови / Извор: Fonts.com / CSS фонт магацинот

4. Segoe UI

Линкови / Извор: Fonts.com / CSS фонт магацинот

5. Требуче М.С.

Линкови / Извор: Fonts.com / CSS фонт магацинот

6. Cambria

Линкови / Извор: Fonts.com / CSS фонт магацинот

7. Палатино

Линкови / Извор: Fonts.com / CSS фонт магацинот

8. Perpetua

Линкови / Извор: Fonts.com / CSS фонт магацинот

9. Грузија

Линкови / Извор: Fonts.com / CSS фонт магацинот

10. Консоли

Линкови / Извор: Fonts.com / CSS фонт магацинот

11. Куриерско ново

Линкови / Извор: Fonts.com / CSS фонт магацинот

12. Тахома

Линкови / Извор: Fonts.com / CSS фонт магацинот

13. Verdana

Линкови / Извор: Fonts.com / CSS фонт магацинот

14. Оптима

Линкови / Извор: Fonts.com / CSS фонт магацинот

15. Гил Санс

Линкови / Извор: Fonts.com / CSS фонт магацинот

16. Век готска

Линкови / Извор: Fonts.com / CSS фонт магацинот

17. Candara

Линкови / Извор: Fonts.com / CSS фонт магацинот

18. Андале Моно

Линкови / Извор: Fonts.com / CSS фонт магацинот

19. Didot

Линкови / Извор: Fonts.com / CSS фонт магацинот

20. Copperplate готик

Линкови / Извор: Fonts.com / CSS фонт магацинот

21. Роквел

Линкови / Извор: Fonts.com / CSS фонт магацинот

22. Bodoni

Линкови / Извор: Fonts.com / CSS фонт магацинот

23. Френклин готика

Линкови / Извор: Fonts.com / CSS фонт магацинот

24. Влијание

Линкови / Извор: Fonts.com / CSS фонт магацинот

25. Calisto MT

Линкови / Извор: Fonts.com / CSS фонт магацинот

Алатки за фонтови за да се провери

Голем број алатки постојат онлајн што можете да ги користите за да проверите и тестирате различни фонтови кои можете да ги користите за вашиот веб-сајт. Ако имате проблеми со изборот на фонт или само сакате да истражите кои видови на веб-безбедни фонтови се достапни, овие сајтови се одлична алатка за користење.

Фонт пар

Фонт пар нуди еден тон ресурси, приклучоци, книги, водичи, видеа, па дури и инспирации за сè и сѐ поврзано со типографијата. Тие дури имаат дел кој ви ги нуди најпопуларните фонтови достапни на Google Fonts и кои фонтови најдобро се спаруваат едни со други.

Wordmark.it

Ако сакате брз преглед на тоа како ќе изгледа вашиот текст со одреден фонт, Wordmark.it ви дава моментален преглед на тоа како вашиот текст ќе се појави на повеќе фонтови одеднаш. Само напишете збор или фраза на нивната лента за насловна страна, притиснете Enter и ќе ви го прикаже вашиот текст со различни фонтови како што се Candara или Lucida Console.

WhatTheFont

WhatTheFont е алатка која можете да ја користите за да пронајдете фонт што сте го виделе онлајн. Се што треба да направите е само да испратите слика на фонтот и WhatTheFont ќе го вклопат во нивната база на податоци за да ви дадат најблиски резултати. Ако сеуште не можете да го најдете точниот фонт, можете дури да се упатите кон нив форум за да побара помош.

Се работи за "Играј фонт"

Ако сте нешто како мене, тогаш шансите ви се трошат многу време на интернет, читање и посета на тони веб-сајтови. Поради тоа, ќе го цениме кога веб-сајтот користи добра типографија за да го надополни визуелниот дизајн на нивниот веб-сајт.

Кога користите веб-безбедни фонтови кои се пријатни за очите, вашите корисници ќе бидат благодарни и пожелни да се вратат и да трошат повеќе од вашата содржина. Па што чекаш? Започнете со користење на овие фонтови и направи одличен веб-сајт за вашиот бизнис!

За Azreen Azmi

Azreen Azmi е писател со наклон за пишување за содржината маркетинг и технологија. Од YouTube до Twitch, тој се обидува да остане во контакт со најновите креирање содржини и да го пронајде најдобриот начин да го продаде својот бренд.

Поврзете се: