25 Napakarilag Mga Ligtas na Mga Font para sa Iyong Website

Kung ikaw ay isang may-ari ng tindahan ng eCommerce o isang budding na blogger, ang isang bagay na pangkaraniwan ng lahat ng mga website ay ang paggamit ng teksto para sa nilalaman. Ang pag-iisip ng iyong naipakita na teksto (o disenyo ng typographic) ay walang kahalagahan na mahalaga sa paglikha ng pangkalahatang aesthetic ng iyong site at upang matiyak ang tagumpay nito.

Narito ang bagay, maaari kang magkaroon ng isang kahanga-hangang template ng WordPress o maglagay ng mga kahanga-hangang imahe sa iyong website PAANO kung gumagamit ka ng isang hindi kaakit-akit na pangunahing font (o mas masahol na Comic Sans!), Pagkatapos ay magtatapos ka pa rin sa isang website na nakikita at nararamdaman. hindi propesyonal.

Dagdag pa, nawawala ka sa kasaganaan ng napakarilag palalimbagan ng web na magagamit online.

Siyempre, kung nais mong tiyakin na ang font na pinili mo ay maraming maaasahan sa iba pang mga computer, kailangan mong pumili ng isang “web safe font”.

Sa aming 25 gorgeous web ligtas na mga font, ikaw ay sigurado na magkaroon ng isang kahanga-hangang web typography para sa iyong website na gumagana sa lahat ng oras, sa pamamagitan ng dulo ng artikulong ito!

Ano ang Isang Web Safe Font?

Ang mga web safe na font ay mga font na karaniwang paunang naka-install sa karamihan ng mga aparato – mga computer, mobile phone, matalinong TV, at tablet.

Bakit web ligtas na mga font mahalaga?

Sa isang mainam na mundo, dapat kang magkaroon ng kakayahang pumili ng anumang font na gusto mo para sa iyong website. Sa katotohanan, may mga paghihigpit sa uri ng mga font na maaari mong gamitin.

Karamihan sa mga computer at web browser ay may isang hanay ng mga font na naka-pre-install sa pamamagitan ng mga tagagawa, gayunpaman, ang kanilang mga disenyo maaari (at kadalasan) ay nagkakaiba. Walang standard na set ng font na ibinahagi ng lahat ng iba’t ibang mga tagagawa.

Kung ang font na ginamit mo ay hindi naka-install sa computer ng isang gumagamit, ang iyong website ay babalik lamang sa isang pangkaraniwang font, na kung minsan ay magtatapos bilang hindi mabasa.

Sa ibang paraan upang maiwasan iyon, ginagamit ng mga taga-disenyo ng web ang mga Core Font para sa Web na inilabas ng Microsoft noong 1996 bilang pamantayan para sa karamihan ng mga font ng website. Ang mga hanay ng mga font sa kalaunan ay naging “web safe font ‘, dahil anuman ang computer, ligtas na lilitaw ang mga font sa iyong website.

Dapat Ko bang Gumamit ng Ligtas na Mga Font ng Web Para sa Aking Website?

Maikling sagot: Ganap.

Kung nais mong panatilihing pare-pareho ang disenyo at visual na tatak ng iyong website, pagkatapos ay ang paggamit ng isang web safe font ay nagsisiguro na lilitaw ang iyong website nang eksakto na nilalayon mo.

Sa katunayan, halos lahat ng website ngayon ay gumagamit ng ilang anyo ng web safe font. Laging inirerekumenda ng mga taga-disenyo ng web ang pagpili ng isang web safe font upang maiwasan ang pagkakaroon ng mga pangkaraniwang mga font, tulad ng Times New Roman, ay lilitaw kapag ang mga gumagamit ay bumibisita sa iyong website kung hindi nila ginagawa ang tiyak o pasadyang font.

Paano Ko Idagdag ang Mga Ligtas na Mga Font ng Web?

Mayroong isang bilang ng mga paraan na magagamit mo upang magdagdag ng mga font na ito sa iyong web page, ngunit kung hindi ka sa programming o walang maliit na karanasan sa teknikal, madali mo lang kopyahin ang raw CSS code at idikit ang mga ito nang diretso sa iyong sariling styleheet upang magamit ang mga font.

Kung hindi ka pa sigurado, pagkatapos ay sundin lamang ang ilang mga simpleng hakbang:

  1. I-load ang iyong header.php file
  2. Kopyahin ang pinagmulan ng font / karaniwang code
  3. I-paste ang code na ito sa tuktok ng iyong header na file.
  4. I-load ang iyong style.css, ilagay ang font code upang mabago ang font text na iyong pinili.

Sa pagtatapos nito, dapat kang magkaroon ng isang styleheet na ganito:

Ang 25 Gorgeous Web Ligtas na Mga Font Para sa Iyong Website

1. Arial

Link / Source: Fonts.com / CSS Font Stack

3. Helvetica

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

5. Trebuchet MS

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

7. Palatino

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

9. Georgia

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

11. Courier Bago

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

13. Verdana

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

15. Gill Sans

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

17. Candara

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

19. Didot

Link / Source: Fonts.com / CSS Font Stack

21. Rockwell

Mga Link / Pinagmulan: Fonts.com / CSS Font Stack

23. Franklin Gothic

Link / Source: Fonts.com / CSS Font Stack

25. Calisto MT

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me