Font Tag Versus Cascading Style Sheets (CSS)

Koj puas tau ntsia lub vev xaib qub thiab pom ib qho txawv hauv cov HTML ? Ntau lub xyoo dhau los, cov neeg tsim tawm hauv web yuav tsim cov ntawv ntawm lawv cov nplooj ntawv hauv HTML xwb, tiam sis kev sib cais ntawm cov qauv (HTML) thiab cov qauv (CSS) tau tawm nrog kev xyaum ua qee zaum dhau los.

Nyob rau hauv lub web tsim hnub no, daim pib tau poob. Qhov no txhais tau hais tias lub lossis tsis yog ib feem ntawm cov kev qhia hauv HTML. Thaum qee cov browsers tseem txhawb no lossis tom qab nws yog deprecated, nws tsis lawm txaus siab nyob rau hauv tag nrho hauv HTML5, uas yog qhov tseeb iteration ntawm cov lus. Qhov no txhais tau tias daim pib yuav tsum tsis pom muaj nyob hauv koj cov ntaub ntawv HTML.

Qhov Alternative rau Font Tag

Yog hais tias koj tsis tau teev cov font ntawm cov ntawv hauv HTML nplooj ntawv nrog lossis, koj yuav tsum siv dab tsi? Cascading style los xij (CSS) yog li cas koj teem caij xim (thiab tag nrho cov yeeb yam pom) ntawm cov websites hnub no. CSS tuaj yeem ua tau txhua yam tib yam uas daim pib ua, ntxiv rau ntau ntau. Cia peb kuaj xyuas seb cov ntawv yuav ua li cas thaum nws yog qhov kev xaiv rau peb cov nplooj ntawv HTML (nco ntsoov, nws tsis txaus siab txhua lub sijhawm lawm, yog li nws tsis yog qhov kev xaiv) thiab sib piv li cas nrog CSS.

Hloov Tsev Neeg Cov Tsev Neeg

Lub ntsej muag font yog lub ntsej muag lossis tsev neeg ntawm daim ntawv. Nrog cov font tag, koj yuav siv tus cwj pwm "ntsej muag" thiab koj yuav tsum tso qhov no thoob plaws hauv ib daim ntawv ntau ntau, ntau zaus los teev cov nkauj ntawv rau txhua seem ntawm cov ntawv. Yog hais tias koj xav tau ua pauv kev hloov pauv, koj yuav tsum hloov txhua tus ntawm cov cim npe no. Piv txwv li:

no font tsis sans-serif

Hauv CSS hloov font "ntsej muag", nws yog hu ua font "tsev neeg". Koj sau tus CSS style uas yuav muab cov font. Piv txwv li, yog tias koj xav muab tag nrho cov ntawv nyob hauv ib sab los Garamond, koj tuaj yeem ntxiv qhov kev pom zoo li no:

lub cev {font-family: Garamond, Times, serif; }

Qhov CSS style no yuav siv daim font tsev ntawm Garamond mus rau txhua yam hauv webpage txij li txhua lub caij hauv daim ntawv yog ib tus xeeb ntxwv ntawm cov

Hloov cov xim xim

Ib yam li lub ntsej muag, koj siv "xim" attribute thiab hex cov cim lossis xim npe hloov xim ntawm koj cov ntawv nyeem. Xyoo dhau los no, koj yuav tau npaj qhov no rau ntawm cov ntsiab lus sau, zoo li lub npe tag nrho.

daim ntawv no yog xim liab

Hnub no, koj cia li sau ib kab ntawm CSS.

Qhov no yog qhov yooj yim dua. Yog tias koj xav tau hloov qhov

ntawm txhua phab ntawm koj qhov chaw, koj tuaj yeem ua ib qho hloov hauv koj cov ntaub ntawv CSS thiab txhua nplooj uas siv cov ntaub ntawv ntawd yuav raug hloov tshiab.

Tawm Nrog Qub

Siv CSS los hais txog kev pom kev pom tau ib tus qauv ntawm qhov web designer tau ntau xyoo, yog li yog tias koj xav tau tiag tiag ntawm ib daim ntawv uas tseem siv tau lossis, ces nws yog nplooj qub heev thiab nws yuav tsum tau kho kom haum raws li lub vas sab tam sim no tsim cov kev coj ua zoo tshaj plaws thiab cov qauv siv web qauv niaj hnub no.

Sau los ntawm Jeremy Girard