25 Melao e Ntle ea Websaete e Sireletsehileng bakeng sa Websaete ea hau

Sengoloa se ngotsoeng ke: Azreen Azmi
  • Khoebo ea Inthaneteng
  • E fetotsoe: Oct 05, 2020

Mehala. Re ba bona letsatsi le letsatsi. Ho tloha lipapatsong tsa khatiso ho isa limakasineng, ho na le mefuta eohle ea liforomo lefatšeng.

Hore na o mong'a lebenkele la eCommerce kapa blogger e sa tsoa mela, ntho e le 'ngoe eo liwebosaete tsohle li tšoanang ka eona ke ts'ebeliso ea mongolo bakeng sa litaba.

Ho beha mohopolo ho sengoloa sa hau se bonts'itsoeng (kapa moralo oa typographic) ha ho bohlokoa ka mokhoa o makatsang ha o theha botle ba sebaka sa hau sa marang-rang le ho netefatsa katleho ea sona.

Empa ntho ea bohlokoa le ho feta ke hore e be lifonti tse sireletsehileng tsa webo.

Lifonti tse Sireletsehileng tsa Web ke Life?

Lifonti tse sireletsehileng tsa webo ke mekhoa ea fonte eo hangata e kengoang pele 'me e etsa hore e bonoe ke lisebelisoa tse ngata - likhomphutha, mehala ea thekeng, li-TV tse bohlale le matlapa.

Ke hobane'ng ha websaete e sireletsehileng ea web e le taba?

Lefatšeng le letle, o lokela ho ba le bokhoni ba ho khetha mohala ofe kapa ofe oo u o batlang ho websaete ea hau. Ha e le hantle, ho na le lithibelo ho mofuta oa fonte tseo u ka li sebelisang.

Boholo ba lik'homphieutha le li-websaete tsa marang-rang li na le lihlopha tse etsoang pele ke lihlahisoa, leha ho le joalo, liqapi tsa tsona li ka fapana (hangata). Ho ne ho se na mokhoa o tloaelehileng o neng o arolelitsoe ke bahlahisi bohle ba fapaneng.

Haeba fonte eo ue sebelisitseng e sa kenngoa k'homphieutheng ea mosebeletsi, websaeteng ea hau e tla khutlela ho fonte e tloaelehileng, eo ka nako e 'ngoe e ka qetellang e sa bala.

Ho tse ling ho qoba seo, baqapi ba websaete ba 'nile ba e sebelisa Melao-motheo ea Websaete hore Microsoft e lokolloe ka 1996 e le tekanyo ea li-fontsong tse ngata tsa marang-rang. Lisebelisoa tsena tsa fonte qetellong e ile ea e-ba "websaete e sireletsehileng ea web", hobane ho sa tsotellehe k'homphieutha, li-fonts li tla hlaha ka bolokolohi ho websaeteng ea hau.

Na ke Lokela ho Sebelisa Melao e Sireletsehileng ea Inthanete ho Thesaete ea Ka

Karabo e khutšoanyane: Ehlile.

Haeba o batla ho boloka moqapi le marang-rang a marang-rang a hau a marang-rang, joale ho sebelisa fonete e sireletsehileng ea web ho tiisa hore websaeteng ea hau e bonahala hantle kamoo u batlang hore e be kateng.

Ha e le hantle, hoo e ka bang liwebsaete tsohle kajeno li sebelisa mofuta o mong oa fonte e sireletsehileng ea web. Baetsi ba liwebsaete ba tla khothaletsa ho khetha websaete e sireletsehileng e le hore ba qobe ho ba le fonte tse tloaelehileng, tse kang Times New Roman, ho hlaha ha basebelisi ba etetse websaeteng ea hau haeba ba sa etse mokhoa ona o itseng kapa o tloaelehileng.

Nka Etsa Joang Melao ee e Sireletsehileng ea Web?

Ho na le litsela tse ngata tseo u ka li sebelisang ho eketsa li-fonto ho leqephe la hau la marang-rang, empa haeba u sa kene lenaneong kapa u na le phihlelo ea boiphihlelo, u ka khona ho kopitsa khoutu ea CSS e sa lebelloang ebe ue kenya ka ho toba kena ka mokhoa oa hau oa mokhoa oa ho sebelisa li-fonts.

Haeba o ntse o sa tiisehe, latela feela mehato ena e seng mekae e bonolo:

  1. Tata mohala oa hau oa hlooho.php
  2. Kopitsa mohloli oa fonte / khoutu e tloaelehileng (sheba reference 1)
  3. Tšoaea khoutu ka holimo ho faele ea hau ea sehlooho.
  4. Laola setaele sa hau.css, beha khoutu ea fonte ho fetola mongolo oa fonte oo u o khethileng. (sheba leqephe la 2)

Reference 1

Reference 2

'mele {font-family:' Abel '; boholo ba fonte: 22px;}

Mecha e sireletsehileng ea Websaete ea 25 ea Websaete ea hau

1. Arial

Mehala e Sireletsehileng Web - Arial

Litlama / Mohloli: Fonts.com / CSS Font Stack

2. Calibri

Lifonti tse Sirelelitsoeng tsa Websaete - Calibri

Litlama / Mohloli: Fonts.com / CSS Font Stack 

3. Helvetica

Mehala e Sirelelitsoeng ea Tepo - Helvetica

Litlama / Mohloli: Fonts.com / CSS Font Stack

4. Segoe UI

Mehala e Sirelelitsoeng ea Websaete - Segoe UI

Litlama / Mohloli: Fonts.com / CSS Font Stack

5. Trebuchet MS

Mehala e Sirelelitsoeng ea Websaete - Trebuchet

Litlama / Mohloli: Fonts.com / CSS Font Stack 

6. Cambria

Mehala e Sirelelitsoeng ea Tepo - Cambria

Litlama / Mohloli: Fonts.com / CSS Font Stack 

7. Palatinino

Mehala e Sirelelitsoeng ea Tepo - Palatino

Litlama / Mohloli: Fonts.com / CSS Font Stack

8. Perpetua

Mehala e Sirelelitsoeng ea Tepo - Perpetua

Litlama / Mohloli: Fonts.com / CSS Font Stack

9. Georgia

Mehala e Sirelelitsoeng ea Tepo - Georgia

Litlama / Mohloli: Fonts.com / CSS Font Stack 

10. Li-consolas

Mehala e Sirelelitsoeng ea Tepo - Consola

Litlama / Mohloli: Fonts.com / CSS Font Stack

11. New Courier New

Mehala e Sirelelitsoeng ea Websaete - Courier New

Litlama / Mohloli: Fonts.com / CSS Font Stack 

12. Tahoma

Mehala e Sirelelitsoeng ea Tepo - Tahoma

Litlama / Mohloli: Fonts.com / CSS Font Stack

13. Verdana

Mehala e Sirelelitsoeng ea Tepo - Verdana

Litlama / Mohloli: Fonts.com / CSS Font Stack

14. Optima

Mehala e Sirelelitsoeng ea Websaete - Optima

Litlama / Mohloli: Fonts.com / CSS Font Stack

15. Gill Sans

Mehala e Sirelelitsoeng ea Tepo - Gill Sans

Litlama / Mohloli: Fonts.com / CSS Font Stack

16. Lekholo la lilemo la Gothic

Mehala e Sireletsehileng ea Tepo - Century Gothic

Litlama / Mohloli: Fonts.com / CSS Font Stack 

17. Candara

Mehala e Sirelelitsoeng ea Tepo - Candara

Litlama / Mohloli: Fonts.com / CSS Font Stack

18. Andale Mono

Mehala e Sirelelitsoeng ea Tepo - Andale Mono

Litlama / Mohloli: Fonts.com / CSS Font Stack 

19. Didot

Mehala e Sirelelitsoeng ea Websaete - Didot

Litlama / Mohloli: Fonts.com / CSS Font Stack

20. Copperplate Gothic

Lifonti tse Sirelelitsoeng tsa Websaete - Copperplate

Litlama / Mohloli: Fonts.com / CSS Font Stack 

21. Rockwell

Mehala e Sirelelitsoeng ea Websaete - Rockwell

Litlama / Mohloli: Fonts.com / CSS Font Stack 

22. Bodoni

Mehala e Sirelelitsoeng ea Tepo - Bodoni

Litlama / Mohloli: Fonts.com / CSS Font Stack

23. Franklin Gothic

Mehala e Sireletsehileng ea Websaete - franklin Gothic

Litlama / Mohloli: Fonts.com / CSS Font Stack 

24. Tšusumetso

Lifonti tse Sireletsehileng Web - Kameho

Litlama / Mohloli: Fonts.com / CSS Font Stack 

25. Calisto MT

Mehala e Sirelelitsoeng ea Websaete - Calisto

Litlama / Mohloli: Fonts.com / CSS Font Stack

Lisebelisoa tsa Font To Check Out

Ho na le lisebelisoa tse ngata inthaneteng tseo u ka li sebelisang ho hlahloba le ho hlahloba liteko tse fapaneng tseo u ka li sebelisang websaeteng ea hau. Haeba u na le bothata ba ho khetha mohala kapa u batla feela ho hlahloba hore na ho na le mefuta efe ea lifolakha tse sireletsehileng web, libaka tsena ke sesebelisoa se setle haholo seo u ka se sebelisang.

Font Pair

Font Pair e fana ka lithane tse ngata, li-plugins, li-eBooks, li tataiso, livideo, esita le ts'usumetso ho ntho leha e le efe le tsohle tseo u ka li etsang ka mongolo oa litšoantšo. Ba bile ba e-na le karolo e fanang ka lisebelisoa tse ratoang ka ho fetisisa ho Google Fonts le hore na liforomo li molemo ka ho fetisisa.

Wordmark.it

Haeba u batla pono e potlakileng ea hore na temana ea hau e tla shebahala joang ka fonte e itseng, Wordmark.it e u fa pono e potlakileng ea hore na temana ea hau e tla hlaha joang ka li-fonte tse ngata ka nako e le 'ngoe. Tšoaea lentsoe kapa polelo leboteng la bona la maqephe a ka pele, tobetsa ho kena 'me e tla u bontša temana ea hau e nang le liforomo tse sa tšoaneng tse kang Candara kapa Lucida Console.

WhatTheFont

WhatTheFont ke sesebelisoa seo u ka se sebelisang ho bona le ho khetholla pola eo u e boneng inthaneteng. Sohle seo o tlamehang ho se etsa ke feela ho romela setšoantšo sa fonte le WhatTheFont e tla e phenya-phenya e le hore e fane ka liphetho tse haufi. Haeba u ntse u sitoa ho fumana font e tobileng, u ka ba ua ea ho bona forum ho kōpa thuso.

Tsohle li Mabapi le Font Play

Haeba u na le eng kapa eng e tšoanang le nna, makhopho a hore na u qeta nako e ngata ho web, o bala le ho etela lithane tsa liwebosaete. Ka lebaka leo, u tla e leboha ha sebaka sa marang-rang se sebelisa typography e ntle ho tlatselletsa moralo oa sebaka sa bona sa marang-rang.

Ha o sebelisa fonte e bolokehileng ea marang-rang e khahlisang mahlo, basebelisi ba hau ba tla leboha ebile ba ikemiselitse ho khutla hape ho ja lintho tse ling tsa hau. Joale u letetse eng? Qala ho sebelisa li-fonts le etsa websaete e hlollang bakeng sa khoebo ea hau!

About Azreen Khalla

Azreen Azmi ke mongoli ea nang le pina ea ho ngola ka ho rekisa le thekenoloji. Ho tloha ho YouTube ho ea ho Twitch, o leka ho buisana le morao tjena pōpong ea dikahare mme o fumana tsela e ntle ka ho fetisisa ea ho rekisa maraka.