Hoe Om U Lettertipe In Html Te Stel

INHOUDSOPGAWE:

Hoe Om U Lettertipe In Html Te Stel
Hoe Om U Lettertipe In Html Te Stel

Video: Hoe Om U Lettertipe In Html Te Stel

Video: Hoe Om U Lettertipe In Html Te Stel
Video: 4 способа выровнять div вертикально HTML CSS 2024, Mei
Anonim

Font is 'n integrale deel van die webontwerp, wat die webwerf 'n kenmerkende styl gee. Teks van hoë gehalte op die bladsy moet harmonieus lyk, gekombineer word met die res van die elemente van die werf en terselfdertyd bydra tot 'n beter persepsie van inligting. Met behulp van HTML-opmaak- en CSS-watertabelle kan u byna elke instelling aanpas om die prestasie van die bladsy te maksimeer.

Hoe om u lettertipe in html te stel
Hoe om u lettertipe in html te stel

Nodig

fontlêer in TTF-formaat

Instruksies

Stap 1

Om 'n stel lettertipes te gebruik wat op u rekenaar geïnstalleer is, kan u die lettertypefamilieparameter van die waterval stylbladsye gebruik. Om dit te doen, voer die volgende kode vir die gewenste item in:

Teks

Hierdie opdrag vertoon die tweede vlak h2-opskrif in die Arial-lettertipe.

Stap 2

As u u eie lettertipe wil gebruik, moet u dit eers na die hosting oplaai en dit met die toepaslike opdrag inskakel. TTF-lêers is ingesluit by die volgende opdrag:

Die kenmerk font-family kenmerk in hierdie geval die naam van die lettertipe, en src: url (font.ttf) spesifiseer die pad na die TTF-lêer.

Stap 3

Nadat u die element geaktiveer het, kan u dit gebruik om teks te vertoon:

Teks

Hierdie opdrag is verantwoordelik vir die vertoon van die vereiste lettertipe in die kursus van die tweede vlak. As die gebruiker se blaaier nie die hantering van TTF-lêers ondersteun nie, sal die stelselfontensie wat na die eerste komma (in hierdie geval Verdana) gespesifiseer word, gebruik word.

Stap 4

Sommige blaaiers ondersteun nie aflaaibare TTF nie. Internet Explorer 8 gebruik byvoorbeeld die EOT-formaat om teks te vertoon. Vir sulke blaaiers, skakel die oorspronklike TTF om deur verskeie dienste te gebruik en sluit die resulterende lettertipe op dieselfde manier in die @ font-face-parameter in.

Stap 5

As u die lêer wat u benodig, van 'n ander bron wil invoer, gebruik dan die opdrag @ import, wat bo-aan die CSS-dokument moet staan:

@ import-url (https:// font_adres)

Aanbeveel: