Jinsi Ya Kuweka Font Yako Katika Html

Orodha ya maudhui:

Jinsi Ya Kuweka Font Yako Katika Html
Jinsi Ya Kuweka Font Yako Katika Html

Video: Jinsi Ya Kuweka Font Yako Katika Html

Video: Jinsi Ya Kuweka Font Yako Katika Html
Video: Jinsi ya Kuficha Chats zako za Whatsapp 2018 2024, Novemba
Anonim

Fonti ni sehemu muhimu ya muundo wa wavuti, ikitoa wavuti mtindo tofauti. Maandishi yenye ubora wa juu kwenye ukurasa yanapaswa kuonekana kuwa sawa, kuunganishwa na vitu vingine vya wavuti na wakati huo huo kuchangia maoni bora ya habari. Kutumia markup ya HTML na meza za kugeuza CSS, unaweza kubadilisha mipangilio karibu yoyote ili kuongeza utendaji wa ukurasa.

Jinsi ya kuweka font yako katika html
Jinsi ya kuweka font yako katika html

Muhimu

faili ya fonti katika muundo wa TTF

Maagizo

Hatua ya 1

Kutumia seti ya fonti zilizosanikishwa kwenye kompyuta yako, unaweza kutumia parameter ya familia ya shuka za mitindo. Ili kufanya hivyo, ingiza nambari ifuatayo ya kipengee unachotaka:

Nakala

Amri hii itaonyesha kichwa cha pili cha h2 inayoongoza kwa maandishi ya Arial

Hatua ya 2

Ikiwa unataka kutumia fonti yako mwenyewe, lazima kwanza kuipakia kwa mwenyeji na uiwezeshe kwa kutumia amri inayofaa. Faili za TTF zimejumuishwa na amri ifuatayo:

Sifa ya font-familia katika kesi hii inataja jina la typeface, na src: url (font.ttf) inataja njia ya faili ya TTF.

Hatua ya 3

Baada ya kuwezesha kipengee, unaweza kuitumia kuonyesha maandishi:

Nakala

Amri hii inawajibika kwa kuonyesha fonti inayotakiwa ya fonti katika italiki katika kichwa cha ngazi ya pili. Ikiwa kivinjari cha mtumiaji hakihimili kushughulikia faili za TTF, fonti ya mfumo iliyoainishwa baada ya koma ya kwanza (katika kesi hii, Verdana) itatumika.

Hatua ya 4

Vivinjari vingine havitumii TTF inayoweza kupakuliwa. Kwa mfano, Internet Explorer 8 hutumia muundo wa EOT kuonyesha maandishi. Kwa vivinjari kama hivyo, badilisha TTF ya asili ukitumia huduma nyingi na ujumuishe alama ya maandishi inayosababishwa katika parameter ya uso wa uso kwa njia ile ile.

Hatua ya 5

Ikiwa unataka kuagiza faili unayohitaji kutoka kwa rasilimali nyingine, tumia amri ya @import, ambayo lazima iandikwe juu ya hati ya CSS:

@ ingiza url (https:// font_address)

Ilipendekeza: