Kaip Nustatyti šriftą Html

Turinys:

Kaip Nustatyti šriftą Html
Kaip Nustatyti šriftą Html

Video: Kaip Nustatyti šriftą Html

Video: Kaip Nustatyti šriftą Html
Video: 10: How to Import New Fonts | Basics of CSS | Learn HTML and CSS | HTML Tutorial 2024, Gegužė
Anonim

Šriftas yra neatsiejama interneto dizaino dalis, suteikianti svetainei savito stiliaus. Aukštos kokybės tekstas puslapyje turėtų atrodyti harmoningai, būti derinamas su likusiais svetainės elementais ir tuo pačiu prisidėti prie geresnio informacijos suvokimo. Naudodami HTML žymėjimo ir CSS pakopines lenteles galite tinkinti beveik bet kokius nustatymus, kad padidintumėte puslapio našumą.

Kaip nustatyti šriftą html
Kaip nustatyti šriftą html

Būtinas

šrifto failas TTF formatu

Nurodymai

1 žingsnis

Norėdami naudoti jūsų kompiuteryje įdiegtą šriftų rinkinį, galite naudoti pakopinių stiliaus lapų šriftų šeimos parametrą. Norėdami tai padaryti, įveskite šį norimo elemento kodą:

Tekstas

Ši komanda parodys antrojo lygio h2 antraštę „Arial“šrifte.

2 žingsnis

Jei norite naudoti savo šriftą, pirmiausia turite jį įkelti į prieglobą ir įgalinti naudodami atitinkamą komandą. TTF failai yra įtraukti į šią komandą:

Atributas „font-family“šiuo atveju nurodo šrifto pavadinimą, o „src: url“(font.ttf) nurodo kelią į TTF failą.

3 žingsnis

Įgalinę elementą galite jį naudoti tekstui rodyti:

Tekstas

Ši komanda atsakinga už reikiamo šrifto šrifto rodymą kursyvu antrojo lygio antraštėje. Jei vartotojo naršyklė nepalaiko TTF failų tvarkymo, bus naudojamas po pirmo kablelio nurodytas sistemos šriftas (šiuo atveju - „Verdana“).

4 žingsnis

Kai kurios naršyklės nepalaiko atsisiunčiamo TTF. Pvz., „Internet Explorer 8“tekstui rodyti naudoja EOT formatą. Tokiose naršyklėse konvertuokite originalų TTF naudodami kelias paslaugas ir tokiu pačiu būdu įtraukite gautą šriftą į parametrą @ font-face.

5 žingsnis

Jei norite importuoti reikalingą failą iš kito šaltinio, naudokite komandą @import, kuri turi būti parašyta CSS dokumento viršuje:

@import url (https:// font_address)

Rekomenduojamas: