Kā Iestatīt Fontu Html

Satura rādītājs:

Kā Iestatīt Fontu Html
Kā Iestatīt Fontu Html

Video: Kā Iestatīt Fontu Html

Video: Kā Iestatīt Fontu Html
Video: Как подключить шрифт в HTML верстку (@font-face) 2024, Maijs
Anonim

Fonts ir neatņemama tīmekļa dizaina sastāvdaļa, piešķirot vietnei atšķirīgu stilu. Augstas kvalitātes tekstam lapā jāizskatās harmoniski, tas jāapvieno ar pārējiem vietnes elementiem un vienlaikus jāveicina labāka informācijas uztvere. Izmantojot HTML iezīmēšanas un CSS kaskādes tabulas, varat pielāgot gandrīz jebkuru iestatījumu, lai maksimizētu lapas veiktspēju.

Kā iestatīt fontu html
Kā iestatīt fontu html

Nepieciešams

fontu fails TTF formātā

Instrukcijas

1. solis

Lai izmantotu datorā instalētu fontu kopu, varat izmantot kaskādes stila lapu fontu saimes parametru. Lai to izdarītu, vēlamajam vienumam ievadiet šādu kodu:

Teksts

Šī komanda parādīs otrā līmeņa h2 virsrakstu Arial burtveidolā.

2. solis

Ja vēlaties izmantot savu fontu, vispirms tas ir jāaugšupielādē mitinātājā un jāiespējo, izmantojot atbilstošo komandu. TTF faili ir iekļauti šādā komandā:

Atribūts font-family šajā gadījumā norāda burtveidola nosaukumu, un src: url (font.ttf) norāda ceļu uz TTF failu.

3. solis

Pēc elementa iespējošanas varat to izmantot teksta parādīšanai:

Teksts

Šī komanda ir atbildīga par nepieciešamā fonta fonta parādīšanu kursīvā otrā līmeņa virsrakstā. Ja lietotāja pārlūkprogramma neatbalsta TTF failu apstrādi, tiks izmantots sistēmas fonts, kas norādīts pēc pirmā komata (šajā gadījumā Verdana).

4. solis

Dažas pārlūkprogrammas neatbalsta lejupielādējamu TTF. Piemēram, Internet Explorer 8 teksta attēlošanai izmanto EOT formātu. Šādām pārlūkprogrammām pārveidojiet sākotnējo TTF, izmantojot vairākus pakalpojumus, un tādā pašā veidā iekļaujiet iegūto burtu parametrā @ font-face parametrā.

5. solis

Ja vēlaties importēt nepieciešamo failu no cita resursa, izmantojiet komandu @import, kas jāuzraksta CSS dokumenta augšdaļā:

@import url (https:// font_address)

Ieteicams: