Lub Syntax ntawm Font-Family Property
Kev tsim qauv yog ib qho tseem ceeb ntawm ib lub vev xaib tsim. Tsim qhov chaw nrog cov ntawv nyeem uas yooj yim nyeem thiab uas zoo nkaus li zoo yog lub hom phiaj ntawm txhua lub web tsim kev. Yuav kom ua tau li no, koj yuav tsum muaj peev xwm teev cov xim tshwj xeeb uas koj xav siv hauv koj cov nplooj ntawv web. Txhawm rau sau lub font lossis font font ntawm koj cov ntaub ntawv hauv Web koj yuav siv font-family style khoom hauv koj tus CSS.
Lub simplest font-family style uas koj yuav siv tau xws li cia li ib font tsev neeg:
p {font-family: Arial; }Yog tias koj tau ua qhov style no rau ib sab, tag nrho cov ntawv yuav tshwm nyob rau hauv "Arial" font tsev neeg. Qhov no yog qhov zoo tshaj plaws thiab txij li thaum "Arial" yog dab tsi hu ua "web-safe font", uas txhais tau hais tias feem ntau (yog tsis yog txhua tus) lub computer yuav muaj nws ntsia, koj tau so zoo nkauj yooj yim paub tias koj phab yuav tso tawm hauv lub npaj font .
Yog li cas yuav ua li cas yog cov font uas koj xaiv tau tsis pom? Piv txwv li, yog tias koj tsis siv lub vev xaib "web vias font" ntawm nplooj ntawv, tus neeg siv khoom siv yog ua li cas yog tias lawv tsis muaj qhov font ntawd? Lawv ua ib qho kev hloov.
Qhov no tuaj yeem ua rau qee cov duab ntxim nyiam heev. Kuv ib zaug tau mus rau ib nplooj ntawv uas kuv lub computer tau tso tawm hauv "Wingdings" (lub cim teeb) vim tias kuv lub computer tsis muaj daim font uas tus tsim tawm tau teev, thiab kuv qhov browser ua rau kev xaiv tsis zoo nyob rau hauv daim ntawv uas nws yuav siv li hloov. Cov nplooj ntawv yog ua tsis tiav rau kuv! Qhov no yog qhov chaw uas muaj qhov teeb liab los ua si.
Separate Multiple Font Families nrog ib qho Comma hauv Cheeb Tsam Tsev Kawm Ntawv
Ib qho "font stack" yog ib daim ntawv teev cov xim uas koj xav kom koj nplooj ntawv siv. Koj yuav muab koj cov kev xaiv font raws li koj nyiam thiab cais txhua yam nrog ib qho tsis nco qab. Yog hais tias qhov browser tsis muaj tus thawj font tsev neeg nyob rau hauv daim ntawv, nws yuav sim qhov thib ob thiab tom qab ntawd thiab qhov thib peb thiab li rau thaum nws pom ib qho nws muaj nyob rau hauv lub system.
font-family: Pussycat, Algerian, Broadway;Hauv qhov ua piv txwv saum toj no, qhov browser yuav xub nrhiav "Pussycat" font, ces "Algerian" ces "Broadway" yog tias tsis muaj lwm cov ntawv sau. Qhov no yuav qhia koj ntau lub sijhawm uas tsawg kawg yog ib qho ntawm koj xaiv fonts yuav siv. Nws tsis yog zoo meej, uas yog vim li cas peb tseem tsis tau ntxiv peb tuaj yeem muab ntxiv rau peb pawg ntawv (nyeem rau!).
Siv Generic Fonts kawg
Yog li koj muaj peev xwm tsim tau ib pawg kauj ruam nrog ib daim ntawv teev cov ntawv nyeem thiab tseem muaj tsis muaj leej twg uas qhov browser pom. Koj obviously tsis xav tau koj nplooj los qhia txog unreadable yog tias qhov browser ua rau kev xaiv tsis hloov kev xaiv. Luckily CSS muaj kev daws rau qhov no heev: generic fonts .
Koj yuav tsum nco ntsoov xaus koj daim ntawv sau font (txawm tias nws yog ib daim ntawv teev npe ntawm ib tsev neeg lossis tsuas yog qhov web nyab xeeb zoo nkauj) nrog ib qho generic font. Muaj tsib nqe uas koj siv tau:
- cursive
- fantasy
- monospace
- sans-serif
- serif
Qhov ob qho piv txwv saum toj no yuav raug hloov mus rau:
font-family: Arial, sans-serif; font-family: Pussycat, Algerian, Broadway, fantasy;Qee cov npe Family npe muaj ob lossis ntau lo lus
Yog cov tsev neeg font koj xav siv ntau tshaj ib lo lus, ces koj yuav tsum tau txuas nrog ob-cim cim. Thaum qee cov browsers nyeem tau cov tsev neeg tsis muaj cov lus hais, tej zaum yuav muaj teeb meem yog hais tias lub ntsej muag los yog tsis pom zoo.
font-family: "Times New Roman", serif;Hauv qhov ua piv txwv no, koj tuaj yeem pom tau tias lub npe hu ua "Times New Roman", uas yog lo lus ntau, yog nyob hauv cov quotes. Qhov no qhia cov browser tias tag nrho peb ntawm cov lus no yog ib feem ntawm qhov lub npe ntawv, raws li tau sau tseg rau peb cov ntawv sau sib txawv nrog ib lub npe.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited on 12/2/16 los ntawm Jeremy Girard