Cov chav kawm ntawv uas tsis muaj ntsiab lus siv rau hauv koj lub vev xaib
Thaum tsim lub vev xaib, ib qho ntawm cov tseem ceeb ntawm cov nplooj ntawv uas koj yuav ua haujlwm nrog cov ntawv nyeem. Yog li, thaum koj tsim ib lub webpage thiab style nws nrog CSS, ib qho loj ntawm qhov kev mob siab no yuav tsum tau nyob ib ncig ntawm lub vev xaib.
Typographic design plays lub luag haujlwm tseem ceeb hauv lub website tsim. Zoo tso thiab tawm qauv cov ntawv nyeem pab rau lub tsev kawm ntawv kom muaj kev vam meej ntxiv los tsim cov kev nyeem ntawv uas yog ob qho tib si zoo thiab yooj yim rau kev haus. Ib feem ntawm koj kev ua hauj lwm nrog hom yuav xaiv cov fonts rau koj tsim thiab ces siv CSS los ntxiv cov xim ntawv thiab cov qauv cwj pwm mus rau nplooj ntawv. Qhov no yog ua los ntawm kev siv qhov khoom hu ua " font-stack "
Font-Stacks
Thaum koj qhia lub font siv rau ntawm lub vev xaib, nws yog ib qho kev xyaum zoo tshaj plaws los kuj muaj cov kev xaiv poob rov qab thaum koj xaiv tsis tau xaiv. Cov kev xaiv nram qab no yog muaj nyob rau hauv "font stack." Yog tias qhov browser tsis tuaj yeem nrhiav thawj daim ntawv teev npe hauv pawg, nws tsiv mus rau lwm qhov. Nws tseem ua rau txoj kev no kom txog thaum nws pom ib daim font uas nws siv tau, los yog nws sau tawm ntawm cov kev xaiv (nyob rau hauv cov ntaub ntawv twg nws cia li xaiv lub cev ntawv nws xav tau). Ntawm no yog ib qho piv txwv ntawm yuav ua li cas ib tug font-stack yuav saib hauv CSS thaum ua ntawv thov rau lub "lub cev":
lub cev {font-family: Georgia, "Times New Roman", serif; }Daim ntawv ceeb toom hais tias peb qhia meej txog cov font Georgia ua ntej. Yog vim li cas, qhov no yog qhov nplooj ntawv yuav siv, tab sis yog tias qhov ntawv tsis muaj vim yog, cov nplooj ntawv yuav rov mus rau Times New Roman. Peb muab cov npe hauv lub npe coj los tso rau hauv vim hais tias nws yog ntau lub npe lo lus. Ib lo lus font npe, xws li Georgia los yog Arial, tsis tas yuav tsum muaj cov quotes, tab sis ntau lub npe font npe xav kom lawv thiaj paub hais tias tag nrho cov lus ua cov npe ntawv.
Yog tias koj saib qhov kawg ntawm cov ntawv teeb, koj yuav tsum pom tias peb xaus nrog lo lus "serif". Qhov no yog lub npe ntawm niam txiv lub npe. Nyob rau hauv qhov tsis tshwm sim tshwm sim hais tias ib tug neeg tsis muaj Georgia los yog Times Tshiab Roman ntawm lawv lub computer, lub site yuav siv txhua yam serif font nws yuav nrhiav tau. Qhov no yog preferable rau lub hom phiaj rau lub caij nplooj ntawv rov mus rau qhov dab tsi fonts nws xav, vim hais tias koj muaj tsawg kawg yog qhia yog dab tsi ntawm font siv kom tag nrho saib thiab suab ntawm ib qhov chaw tsim yuav raws li ua tau li. Yog, tus browser yuav xaiv ib font rau koj, tab sis tsawg kawg yog koj muab kev taw qhia kom nws paub tias hom xim twg yuav ua hauj lwm zoo tshaj plaws hauv qhov tsim.
Generic Font Tsev Neeg
Cov generic font npe muaj nyob hauv CSS yog:
- cursive
- fantasy
- monospace
- serif
- sans-serif
Txawm hais tias muaj ntau ntau hom kev qhia ntawv muaj nyob rau hauv web tsim thiab hom ntawv, xws li cov ntaub ntawv, lub lag luam, kev sib tw, thiab cov ntau dua, cov npe saum toj no sau cov npe ntawm cov npe saum toj no yog cov uas koj yuav siv nyob rau hauv font-pawg nyob hauv CSS. Cov kev sib txawv ntawm cov kev qhia ntawv yog dab tsi? Cia wb mus saib!
Cursive fonts feem ntau feature nyias, ornate letterforms uas txhais tau hais tias kom rov ua ntaub ntawv zoo dua nyeem phau ntawv. Cov ntawv no, vim hais tias lawv cov ntawv nyias, cov ntawv sau sib tw, tsis tsim nyog rau loj thaiv cov ntawv zoo li daim ntawv lub cev. Cursive fonts feem ntau yog siv rau cov hau lus thiab cov ntawv nyeem luv luv uas tau muab tso tawm kom pom nyob rau hauv loj font loj.
Fantasy fonts yog cov me ntsis vwm fonts uas tsis tshua poob rau hauv lwm qeb. Cov ntawv teev lus uas zoo dua qub logos, zoo li cov ntawv sau los ntawm Harry Potter los yog Rov Qab Mus Rau Yav Tom Ntej cov tsos, yuav poob rau hauv pawg no. Ib zaug ntxiv, cov ntawv no tsis tsim nyog rau cov ntsiab lus ntawm lub cev vim lawv muaj li stylized nyeem ntawv ntev ntawm cov ntawv nyeem uas sau hauv cov ntawv no yog qhov nyuaj dhau los ua.
Monospace fonts yog sawv daws qhov twg tag nrho cov tsab ntawv sau yog cov sib npaug ntawm qhov sib npaug thiab spaced tawm, zoo li koj xav tau rau ntawm tus qub ntaus ntawv. Tsis zoo li lwm cov ntawv uas muaj qhov txawv txav txawv rau cov ntawv sau raws li lawv qhov me me (piv txwv li, lub peev "W" yuav siv ntau chav ntau tshaj li tus qis "i"), monospace fonts yog tsau dav rau tag nrho cov cim. Cov ntawv no feem ntau yog siv thaum txoj cai raug muab tso tawm ntawm nplooj ntawv vim lawv saib txawv qhov txawv ntawm lwm cov ntawv sau rau ntawm nplooj ntawv ntawd.
Serif fonts yog ib lub npe nrov tshaj plaws. Cov no yog cov ntawv uas muaj cov ntsiab lus me me ntxiv rau hauv tsab ntawv sau. Cov ntawv ntxiv yog hu ua "serifs". Feem ntau cov tub ntxhais kawm ntawv yog Georgia thiab Times New Roman. Serif fonts tuaj yeem siv rau cov ntawv nyeem loj xws li nqe lus zoo li ntev ntawm cov ntawv nyeem thiab daim ntawv lub cev.
Sans-serif yog qhov kawg ntawm peb yuav saib. Cov no yog cov ntawv uas tsis muaj cov lus sau ua ntej. Lub npe txhais tau hais tias "tsis muaj serifs". Nrov fonts hauv pawg no yuav yog Arial lossis Helvetica. Zoo ib yam li serifs, sans-serif fonts tuaj yeem siv ncaj qha rau hauv cov hau lus raws li lub cev ntsiab lus.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 10/16/17