Fonti za salama za Mtandao za 25 za Mtandao wako

Imesasishwa: Oktoba 05, 2020 / Kifungu na: Azreen Azmi

Fonti. Tunawaona kila siku. Kutoka kwa matangazo ya kuchapisha hadi majarida, kuna kila aina ya fonti nje ulimwenguni.

Ikiwa wewe ni mmiliki wa duka la Biashara za Kielektroniki au blogi anayechipukia, jambo moja ambalo tovuti zote zinafanana ni utumiaji wa maandishi kwa yaliyomo.

Kuweka mawazo juu ya maandishi yako yaliyoonyeshwa (au muundo wa typographic) sio muhimu sana wakati wa kuunda urembo wa wavuti yako na kuhakikisha mafanikio yake.

Lakini kilicho muhimu zaidi ni wao kuwa fonti salama za wavuti.

Fonti salama za wavuti ni nini?

Fonti salama za wavuti ni mitindo ya fonti ambayo kawaida huwekwa mapema na kufanywa ionekane kwa vifaa vingi - kompyuta, simu za rununu, Runinga nzuri na vidonge.

Kwa nini fonts salama za mtandao ni jambo?

Katika ulimwengu bora, unapaswa kuwa na uwezo wa kuchagua font yoyote unayotaka kwenye tovuti yako. Kwa kweli, kuna vikwazo kwa aina ya fonts ambazo unaweza kutumia.

Kompyuta nyingi na vivinjari vya wavuti huja na seti ya fonts ambazo zimewekwa kabla na wazalishaji, hata hivyo, miundo yao inaweza (na kwa kawaida) inatofautiana. Hakukuwa na safu ya kawaida iliyowekwa na wazalishaji wote tofauti.

Ikiwa font uliyotumia haijasakinishwa kwenye kompyuta ya mtumiaji, basi tovuti yako itabidi tu kurejea kwenye font ya generic, ambayo wakati mwingine inaweza kuishi kama isiyoweza kusoma.

Kwa wengine ili kuepuka hiyo, wabunifu wa wavuti wamekuwa wakitumia Fonti za Core za Mtandao kwamba Microsoft iliyotolewa katika 1996 kama kiwango cha fonts nyingi za tovuti. Hifadhi ya fonts hizi hatimaye ikawa "fonts salama ya wavuti", kwa sababu bila kujali kompyuta, fonts zitaonekana kwa salama kwenye tovuti yako.

Je! Napaswa kutumia Fonti za Mtandao Salama Kwa Tovuti Yangu?

Jibu fupi: Kabisa.

Ikiwa unataka kuweka design na brand ya Visual ya tovuti yako thabiti, basi kutumia salama mtandao salama kuhakikisha kwamba tovuti yako inaonekana hasa kama wewe nia ya kuwa.

Kwa kweli, karibu tovuti yote leo hutumia aina fulani ya salama ya salama ya mtandao. Wasanidi wa wavuti daima kupendekeza kuchagua font salama ya mtandao ili kuepuka kuwa na fonts za kawaida, kama vile Times New Roman, zinaonekana wakati watumiaji wanapotembelea tovuti yako ikiwa hawana font maalum au desturi.

Je, ninaongezaje Fonti za Mtandao Salama?

Kuna njia kadhaa ambazo unaweza kutumia kuongeza vifungo hivi kwenye ukurasa wako wa wavuti, lakini ikiwa huna programu au una uzoefu usio na kiufundi, unaweza kuboresha nakala ya kanuni ya CSS ghafi kwa urahisi na kuwaweka moja kwa moja katika stylesheet yako mwenyewe kutumia fonts.

Ikiwa bado hauna uhakika, basi fuata hatua hizi chache rahisi:

  1. Weka faili yako ya kichwa.php
  2. Nakili chanzo cha fonti / nambari ya kawaida (angalia rejea 1)
  3. Weka kificho juu ya faili yako ya kichwa.
  4. Pakia mtindo wako.css, weka msimbo wa fonti kubadilisha maandishi ya fonti unayochagua. (angalia rejea 2)

Kumbukumbu 1


Kumbukumbu 2

mwili {font-family: 'Abel'; font-size: 22px;}

Fonti za salama za mtandao za 25 za Mtandao wako

1. Arial

Fonti Salama za Wavuti - Arial

Viungo / Chanzo: Fonts.com / CSS Font Stack

2. Calibri

Fonti Salama za Wavuti - Calibri

Viungo / Chanzo: Fonts.com / CSS Font Stack 

3. Helvetica

Fonti Salama za Wavuti - Helvetica

Viungo / Chanzo: Fonts.com / CSS Font Stack

4. Segoe UI

Fonti Salama za Wavuti - Segoe UI

Viungo / Chanzo: Fonts.com / CSS Font Stack

5. Trebuchet MS

Fonti salama za wavuti - Trebuchet

Viungo / Chanzo: Fonts.com / CSS Font Stack 

6. Cambria

Fonti Salama za Wavuti - Cambria

Viungo / Chanzo: Fonts.com / CSS Font Stack 

7. Palatino

Fonti Salama za Wavuti - Palatino

Viungo / Chanzo: Fonts.com / CSS Font Stack

8. Perpetua

Fonti Salama za Wavuti - Perpetua

Viungo / Chanzo: Fonts.com / CSS Font Stack

9. Georgia

Fonti Salama za Wavuti - Georgia

Viungo / Chanzo: Fonts.com / CSS Font Stack 

10. Consolas

Fonti Salama za Wavuti - Consola

Viungo / Chanzo: Fonts.com / CSS Font Stack

11. Njia ya Njia ya Njia

Fonti Salama za Wavuti - Courier Mpya

Viungo / Chanzo: Fonts.com / CSS Font Stack 

12. Tahoma

Fonti Salama za Wavuti - Tahoma

Viungo / Chanzo: Fonts.com / CSS Font Stack

13. Verdana

Fonti Salama za Wavuti - Verdana

Viungo / Chanzo: Fonts.com / CSS Font Stack

14. Optima

Fonti Salama za Wavuti - Optima

Viungo / Chanzo: Fonts.com / CSS Font Stack

15. Gill Sans

Fonti Salama za Wavuti - Gill Sans

Viungo / Chanzo: Fonts.com / CSS Font Stack

16. Karne ya Gothic

Fonti Salama za Wavuti - Gothic ya Karne

Viungo / Chanzo: Fonts.com / CSS Font Stack 

17. Candara

Fonti Salama za Wavuti - Candara

Viungo / Chanzo: Fonts.com / CSS Font Stack

18. Andale Mono

Fonti Salama za Wavuti - Andale Mono

Viungo / Chanzo: Fonts.com / CSS Font Stack 

19. Didot

Fonti Salama za Wavuti - Didot

Viungo / Chanzo: Fonts.com / CSS Font Stack

20. Copperplate Gothic

Fonti Salama za Wavuti - Copperplate

Viungo / Chanzo: Fonts.com / CSS Font Stack 

21. Rockwell

Fonti salama za wavuti - Rockwell

Viungo / Chanzo: Fonts.com / CSS Font Stack 

22. Bodoni

Fonti Salama za Wavuti - Bodoni

Viungo / Chanzo: Fonts.com / CSS Font Stack

23. Franklin Gothic

Fonti Salama za Wavuti - franklin Gothic

Viungo / Chanzo: Fonts.com / CSS Font Stack 

24. Athari

Fonti Salama za Wavuti - Athari

Viungo / Chanzo: Fonts.com / CSS Font Stack 

25. Calisto MT

Fonti salama za wavuti - Calisto

Viungo / Chanzo: Fonts.com / CSS Font Stack

Zana za Font Ili Angalia

Zana za zana zipo mkondoni ambayo unaweza kutumia kukagua na kujaribu fonti tofauti ambazo unaweza kutumia tovuti yako. Ikiwa unashida kuchagua fonti au unataka tu kuchunguza ni aina gani ya fonti salama za wavuti zinapatikana, tovuti hizi ni nyenzo nzuri ya kutumia.

Jumuiya ya Sifa

Jumuiya ya Sifa hutoa tani ya rasilimali, Plugins, eBooks, viongozi, video, na hata msukumo juu ya chochote na kila kitu cha kufanya na uchapaji. Wao hata wana sehemu ambayo inakupa fonts maarufu zaidi zinazopatikana kwenye Fonti za Google na ambayo fonts ni bora kuunganishwa kwa kila mmoja.

Nakala ya alama

Ikiwa unataka hakikisho la haraka la maandishi yako ingeonekana kama na font fulani, Nakala ya alama inakupa hakikisho la haraka kuhusu jinsi maandishi yako yangeonekana kwenye fonts nyingi mara moja. Tu aina neno au maneno kwenye bar yao ya mbele, bonyeza kitufe na itaonyesha maandiko yako na fonts tofauti kama vile Candara au Lucida Console.

WhatTheFont

WhatTheFont ni chombo ambacho unaweza kutumia kutambua na kutambua font uliyoyaona mtandaoni. Wote unapaswa kufanya ni kupakia tu picha ya font na WhatTheFont itavuka-tafuta kwenye database yao ili kukupa matokeo ya karibu zaidi. Ikiwa bado huwezi kupata font halisi, unaweza hata kichwa kwao jukwaa la kuomba msaada.

Ni Yote Kuhusu Mchezo wa Font

Ikiwa wewe ni kitu chochote kama mimi, basi shida ni kwamba unatumia wakati mwingi kwenye wavuti, ukisoma na kutembelea tani za tovuti. Kwa sababu ya hiyo, utathamini wakati wavuti hutumia uchapaji mzuri kukamilisha muundo wa kuona wa tovuti yao.

Unapotumia fonts salama za mtandao ambazo zinapendeza macho, watumiaji wako watafurahi na wanapenda kurudi tena na hutumia maudhui yako zaidi. Kwa hiyo unasubiri nini? Anza kutumia fonts hizi na fanya tovuti yenye kushangaza kwa biashara yako!

Kuhusu Azreen Azmi

Azreen Azmi ni mwandishi mwenye pembeza ya kuandika kuhusu masoko na maudhui ya teknolojia. Kutoka kwa YouTube hadi Twitch, anajaribu kuendelea kuwasiliana na hivi karibuni katika viumbe vya maudhui na kutafuta njia bora ya kuuza brand yako.

Kuungana: