Kuidas Määrata Oma Font HTML-is

Sisukord:

Kuidas Määrata Oma Font HTML-is
Kuidas Määrata Oma Font HTML-is

Video: Kuidas Määrata Oma Font HTML-is

Video: Kuidas Määrata Oma Font HTML-is
Video: Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни 2024, November
Anonim

Font on veebidisaini lahutamatu osa, andes saidile omanäolise stiili. Kvaliteetne tekst lehel peaks välja nägema harmooniline, olema ühendatud saidi ülejäänud elementidega ja samal ajal aitama kaasa teabe paremale tajumisele. HTML-i märgistuse ja CSS-i kaskaaditabelite abil saate lehe jõudluse maksimeerimiseks kohandada peaaegu kõiki seadeid.

Kuidas määrata oma font HTML-is
Kuidas määrata oma font HTML-is

Vajalik

fondifail TTF-vormingus

Juhised

Samm 1

Arvutisse installitud fondikomplekti kasutamiseks võite kasutada kaskaadstiilide parameetrit font-family. Selleks sisestage soovitud üksuse jaoks järgmine kood:

Tekst

See käsk kuvab Ariali kirjatüübis teise taseme h2 pealkirja.

2. samm

Kui soovite kasutada oma fonti, peate selle esmalt hostile üles laadima ja vastava käsu abil selle lubama. TTF-failid on lisatud järgmise käsuga:

Atribuut font-family määrab sel juhul kirjatüübi nime ja src: url (font.ttf) - TTF-faili tee.

3. samm

Pärast elemendi lubamist saate seda kasutada teksti kuvamiseks:

Tekst

See käsk vastutab nõutava fondifondi kursiivis kuvamise eest teise taseme pealkirjas. Kui kasutaja brauser ei toeta TTF-failide töötlemist, kasutatakse pärast esimest koma (antud juhul Verdana) määratud süsteemi fonti.

4. samm

Mõni brauser ei toeta allalaaditavat TTF-i. Näiteks kasutab Internet Explorer 8 teksti kuvamiseks EOT-vormingut. Selliste brauserite korral teisendage algne TTF mitme teenuse abil ja lisage saadud kirjatüüp samamoodi parameetrisse @ font-face.

5. samm

Kui soovite vajaliku faili teisest ressursist importida, kasutage käsku @import, mis tuleb kirjutada CSS-i dokumendi ülaossa:

@import URL (https:// font_address)

Soovitan: