Sifa font-family
Sifa font-family inaweka
aina ya herufi.
Syntax
kichagua {
font-family: jina la herufi;
}
Uzingatio
Ikiwa jina la herufi lina nafasi, kwa mfano, Times New Roman, linapaswa kuingizwa ndani ya alama za quotation moja au mbili.
Uzingatio
Inawezekana kuorodhesha herufi kadhaa zinazofanana kwa kutumia koma. Tunapogusia kwenye herufi ya kwanza katika orodha, inakagua ikiwa inapatikana kwenye kompyuta ya mtumiaji. Ikiwa herufi hiyo haipo, inachukua herufi inayofuata kutoka kwenye orodha na kuchambua uwepo wake. Kwa hivyo herufi kadhaa zinaongeza uwezekano, kwamba angalau moja kati yao itapatikana kwenye kompyuta ya mteja.
Mwisho wa orodha kawaida huwa na neno kuu,
linaloelezea aina ya herufi (herufi zote
zinahusishwa na aina fulani) - serif,
sans-serif, cursive, fantasy
au monospace.
Ikiwa kivinjari hakipati hata moja kati ya herufi zilizobainishwa
kwenye kompyuta ya mtumiaji, basi
itachagua moja kati ya herufi za aina iliyobainishwa.
Aina za Herufi
| Aina | Maelezo |
|---|---|
serif |
Herufi yenye vikonyesho (serif). |
sans-serif |
Herufi isiyo na vikonyesho (sans-serif). |
cursive |
Herufi iliyoinamika (cursive). |
fantasy |
Herufi ya mapambo yenye mikunjo mizuri na athari zisizo za kawaida. |
monospace |
Herufi monospaced, upana wa kila herufi ambao ni sawa. |
Thamani chaguomsingi: herufi iliyowekwa chini kivinjari kwa chaguomsingi. Kawaida hii ni Times New Roman.
Mfano
Tuweke familia ya herufi kuwa Arial:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-family: Arial;
}
:
Mfano
Tuweke familia ya herufi kuwa Times New Roman. Kwa kuwa jina la herufi lina maneno kadhaa, basi tuweke kwenye alama za quotation:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-family: "Times New Roman";
}
:
Mfano
Tuweke herufi kutoka kwenye kikundi serif
(uwezekano mkubwa itachukuliwa Times New Roman):
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-family: serif;
}
:
Mfano
Tuweke herufi kutoka kwenye kikundi sans-serif
(uwezekano mkubwa itachukuliwa Arial):
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-family: sans-serif;
}
:
Mfano
Tuweke herufi kutoka kwenye kikundi fantasy
(haiwezi kufanya kazi kwako kwa kutokuwepo
kwa herufi kama hiyo):
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-family: fantasy;
}
:
Mfano
Tuweke herufi kutoka kwenye kikundi monospace
(herufi zitakuwa za ukubwa sawa):
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-family: monospace;
}
: