Ang font ay isang mahalagang bahagi ng disenyo ng web, na nagbibigay sa site ng isang natatanging estilo. Ang de-kalidad na teksto sa pahina ay dapat magmukhang magkatugma, pagsamahin sa natitirang mga elemento ng site at sabay na mag-ambag sa isang mas mahusay na pang-unawa ng impormasyon. Gamit ang markup ng HTML at mga talahanayan ng cascading ng CSS, maaari mong ipasadya ang halos anumang setting upang ma-maximize ang pagganap ng pahina.
Kailangan
font file sa format na TTF
Panuto
Hakbang 1
Upang magamit ang isang hanay ng mga font na naka-install sa iyong computer, maaari mong gamitin ang parameter ng font-family ng mga sheet ng style na cascading. Upang magawa ito, ipasok ang sumusunod na code para sa nais na item:
Text
Ipapakita ng utos na ito ang pangalawang antas ng h2 na heading sa Arial typeface.
Hakbang 2
Kung nais mong gumamit ng iyong sariling font, dapat mo munang i-upload ito sa pagho-host at paganahin ito gamit ang naaangkop na utos. Ang mga file ng TTF ay kasama sa sumusunod na utos:
Ang katangian ng font-pamilya sa kasong ito ay tumutukoy sa pangalan ng typeface, at tinukoy ng src: url (font.ttf) ang landas sa file na TTF.
Hakbang 3
Matapos paganahin ang elemento, maaari mo itong gamitin upang maipakita ang teksto:
Text
Ang utos na ito ay responsable para sa pagpapakita ng kinakailangang font font sa mga italic sa heading ng pangalawang antas. Kung hindi sinusuportahan ng browser ng gumagamit ang paghawak ng mga file ng TTF, gagamitin ang font ng system pagkatapos ng unang kuwit (sa kasong ito, Verdana).
Hakbang 4
Ang ilang mga browser ay hindi sumusuporta sa nada-download na TTF. Halimbawa, ang Internet Explorer 8 ay gumagamit ng format na EOT upang maipakita ang teksto. Para sa mga nasabing browser, i-convert ang orihinal na TTF gamit ang maraming mga serbisyo at isama ang nagresultang typeface sa @ font-face parameter sa parehong paraan.
Hakbang 5
Kung nais mong i-import ang file na kailangan mo mula sa ibang mapagkukunan, gamitin ang utos na @import, na dapat nakasulat sa tuktok ng CSS document:
@import url (https:// font_address)
