Syntax ya Property Font-Family
Uandishi wa uchapaji ni kipande muhimu cha kubuni tovuti yenye mafanikio. Kujenga tovuti zilizo na maandishi ambayo ni rahisi kusoma na ambayo inaonekana ni bora zaidi ya kila mtaalamu wa kubuni wavuti. Ili kufikia hili, unahitaji kuwa na uwezo wa kuweka fonts maalum ambazo unataka kutumia kwenye kurasa zako za wavuti. Kufafanua aina ya aina au fadhila kwenye nyaraka zako za wavuti utatumia mali ya mtindo wa familia katika CSS yako.
Mtindo rahisi wa familia-style unayoweza kutumia utajumuisha familia moja ya font:
p {font-familia: Arial; }Ikiwa ulitumia mtindo huu kwa ukurasa, kila aya itaonyeshwa katika familia ya "Arial" ya font. Hii ni nzuri na tangu "Arial" ni kile kinachojulikana kama "salama ya mtandao", ambayo ina maana zaidi (kama si wote) kompyuta ingekuwa imefungwa, unaweza kupumzika kwa urahisi kujua kwamba ukurasa wako utaonyeshwa katika font iliyopangwa .
Basi kinachotokea kama font unayochagua haipatikani? Kwa mfano, ikiwa hutumii "salama ya salama ya mtandao" kwenye ukurasa, wakala wa mtumiaji hufanya nini ikiwa hawana fomu hiyo? Wanafanya mabadiliko.
Hii inaweza kusababisha baadhi ya kuvutia sana kurasa kurasa. Mimi mara moja nilikwenda kwenye ukurasa ambapo kompyuta yangu imeonyeshwa kabisa kwenye "Wingdings" (seti ya kuweka) kwa sababu kompyuta yangu hakuwa na font ambayo msanidi programu ameelezea, na kivinjari changu kilifanya uchaguzi usiofaa katika fomu gani tumia kama uingizaji. Ukurasa huo haukujasomwa kabisa na mimi! Hii ndio ambapo stack ya font inakuja.
Tofauti Familia nyingi za Font na Comma katika Stack Font
"Stack font" ni orodha ya fonts ambazo unataka ukurasa wako kutumia. Ungeweka uchaguzi wako wa font kwa mpangilio wako na ukatenganishe kila mmoja na comma. Ikiwa kivinjari hawana familia ya kwanza ya font kwenye orodha, itajaribu ya pili na kisha ya tatu na kadhalika hadi itakapopata moja ina kwenye mfumo.
font-family: Pussycat, Algeria, Broadway;Katika mfano hapo juu, kivinjari kitaangalia kwanza fomu ya "Pussycat", kisha "Waislamu" halafu "Broadway" ikiwa hakuna fonts nyingine zilizopatikana. Hii inakupa zaidi fursa ya kuwa angalau moja ya fonts zako zilizochaguliwa zitatumika. Sio kamilifu, ndiyo sababu tuna zaidi zaidi tunaweza kuongeza kwenye stack yetu ya maandishi (kusoma kwenye!).
Tumia Fonti za Generic Mwisho
Kwa hiyo unaweza kuunda stack ya faili na orodha ya fonts na bado hawana chochote ambacho kivinjari kinaweza kupata. Hakika wewe hawataki ukurasa wako uonyeshe usioweza kusoma kama kivinjari hufanya chaguo cha ubadilishaji badala. Kwa bahati CSS ina suluhisho kwa hili pia: fonts za generic .
Unapaswa kukamilisha orodha yako ya faili daima (hata kama ni orodha ya familia moja au fonts za salama tu za mtandao) na font ya generic. Kuna tano ambazo unaweza kutumia:
- cursive
- fantasy
- monospace
- sans-serif
- serif
Mifano mbili hapo juu inaweza kubadilishwa kuwa:
font-familia: Arial, sans-serif; font-family: Pussycat, Algeria, Broadway, fantasy;Baadhi ya Majina ya Familia ya Font ni maneno mawili au zaidi
Ikiwa familia ya font unayotumia ni zaidi ya neno moja, basi unapaswa kuzunguka na alama mbili za quote. Wakati browsers fulani zinaweza kusoma familia za fadhila bila alama za nukuu, kunaweza kuwa na matatizo ikiwa nafasi ya faragha inachukuliwa au haijatilishwa.
font-familia: "Times New Roman", serif;Katika mfano huu, unaweza kuona kwamba jina la font "Times New Roman", ambalo ni neno nyingi, limefungwa katika quotes. Hii inaelezea kivinjari kwamba maneno yote matatu haya ni sehemu ya jina la font, kinyume na fonts tatu tofauti na majina ya neno moja.
Makala ya awali na Jennifer Krynin. Ilibadilishwa tarehe 12/2/16 na Jeremy Girard