Kunyatsotsanangura Mutsara wemhuri dzeMapurisa neCSS Font-Family Property

Iyo Syntax yePaul-Family Property

Kuburitsa zvinyorwa chikamu chakakosha chekubudirira kwewebhu webhusaiti. Kugadzira masayiti nemashoko ari nyore kuverenga uye izvo zvinotaridzika zvakanaka ndezvinangwa zvehuseji webhupi hunyanzvi. Kuti uite izvi, iwe uchada kukwanisa kuisa mazita aunoda kushandisa pamapeji ako ewebhu. Kuti ujekese typeface kana fonti yemhuri pamagwaro ako eWebhu iwe uchishandisa font-family style style muCSS yako.

Iyo yakajeka faira-tsika yemhuri yaunogona kushandisa ingangosanganisira mhuri imwe chete yefaira:

p {font-family: Arial; }

Kana iwe wakashandisa chirevo ichi kune peji, yese yemapapanisi aizoratidzwa mumhuri ye "Arial" yefaira. Izvi zvakanaka uye kubva "Arial" ndiyo inozivikanwa se "web-safe-font", iyo inoreva kuti vazhinji (kana kwete yose) kombiyuta ingadai yakaita kuti iiswe, unogona kupora zvakanaka chaizvo kuziva kuti peji yako icharatidza mumutauro wakatarwa .

Saka chii chinoitika kana tambo yaunosarudza isingagoni kuwanikwa? Semuenzaniso, kana usingashandisi "webhuti yakachengeteka" pane peji, muiti wejeri anoita sei kana vasina faira iyo? Vanogadzirisa nzvimbo.

Izvi zvinogona kuguma mune mamwe mavara anotarisa zvikuru. Ndakamboenda pane peji apo kombiyuta yangu yakaratidza zvachose mu "Wingdings" (chiratidzo-yakagadzirirwa) nokuti kombiyuta yangu yakanga isina mhando yakagadzirwa nemusunguri, uye browser yangu yakaita chisarudzo chisina kunaka mumhando ipi shandisa sekutsiva. Peji yacho yakanga isina kuverengwa zvachose kwandiri! Ikoko ndiko kushandiswa kwepeti inowanikwa.

Ita Mafaira Akawanda Mhuri dzine Comma mu Font Stack

A "font stack" inorongwa rwemafonti waunoda kuti peji rako rishandise. Iwe unogona kuisa sarudzo yako yehutano maererano nezvamunofarira uye ugoparadzanisa mumwe nomumwe nekomma. Kana iyo shanduro isina mhuri yekutanga yekunyora pane yakarongwa, ichaedza yechipiri uye yechitatu uye zvichingodaro kusvikira ichiwana pane iyo pane.

font-family: Pussycat, Algeria, Broadway;

Mumuenzaniso wepamusoro, shanduro yacho inotanga kutarisa "Pussycat" fonti, uye "Algerian" kana "Broadway" kana pasina mamwe mafonti akawanikwa. Izvi zvinokupa iwe mukana wekuti pane imwe yemafaira ako akasarudzwa achashandiswa. Haisi yakakwana, ndicho chikonzero tine zvakawanda zvekuti tinogona kuwedzera pane faira yedu (kuverenga pa!).

Shandisa Generic Fonts Last

Saka iwe unogona kugadzira font stack nerunyorwa rwemafonti uye hauna zvimwe zvekutsvaga mutsvaga. Iwe pachena haadi kuti peji rako riratidze risingaverengeki kana shanduro yacho ichiita kusarudzwa kusarudzwa kusarudza. Nenguva isipi CSS ine mhinduro yeizvi zvakare: mazita ezvinyorwa .

Iwe unofanirwa kupedza nguva yako mapepa emhando (kunyange kana iri runyorwa rwemhuri imwe chete kana chete webhuti yakachengetedzwa fonts) nefonti yechiito. Pane zvishanu zvaungashandisa:

Iyo miviri miviri iri pamusoro apa inogona kuchinjwa kusvika:

font-family: Arial, sans-serif; font-family: Pussycat, Algeria, Broadway, fantasy;

Mamwe mapepa Mazita emhuri mazita maviri kana mamwe mazwi

Kana mhuri yemhando yaunoda kushandisa izwi rinopfuura rimwe chete, saka iwe unofanira kuzvikomberedza ne double-quote marks. Kunyange zvazvo mamwe ma browsers achigona kuverenga mhuri dzemafaira pasina mazita ekudzokorora, zvinogona kuva nezvinetso kana whitespace ichidzivirirwa kana kusatarwa.

font-family: "Times New Roman", serif;

Mumuenzaniso uyu, unogona kuona kuti zita rezita rokuti "Times New Roman", iro rinowanzova mazwi akawanda, rakaiswa muzvinyorwa. Izvi zvinoudza shanduro kuti mazwi matatu matatu aya ari chikamu chezita iroro reti, kunze kwemashoko matatu akasiyana ose ane mazita emumwechete.

Nyaya yekutanga naJennifer Krynin. Yakagadziriswa musi wa2/2/16 naJeremy Girard