Cum Să Vă Setați Fontul în Html

Cuprins:

Cum Să Vă Setați Fontul în Html
Cum Să Vă Setați Fontul în Html

Video: Cum Să Vă Setați Fontul în Html

Video: Cum Să Vă Setați Fontul în Html
Video: Lectia 5 - Structura unui fisier HTML - Sectiuni principale - Tagurile html, head si body 2024, Noiembrie
Anonim

Fontul este o parte integrantă a designului web, oferind site-ului un stil distinctiv. Textul de înaltă calitate de pe pagină ar trebui să arate armonios, să fie combinat cu restul elementelor site-ului și, în același timp, să contribuie la o mai bună percepție a informațiilor. Folosind markup HTML și tabele în cascadă CSS, puteți personaliza aproape orice setare pentru a maximiza performanța paginii.

Cum să vă setați fontul în html
Cum să vă setați fontul în html

Necesar

fișier font în format TTF

Instrucțiuni

Pasul 1

Pentru a utiliza un set de fonturi instalate pe computer, puteți utiliza parametrul familiei de fonturi a foilor de stil în cascadă. Pentru aceasta, introduceți următorul cod pentru elementul dorit:

Text

Această comandă va afișa cel de-al doilea nivel h2 în tipul Arial.

Pasul 2

Dacă doriți să utilizați propriul font, trebuie mai întâi să îl încărcați pe hosting și să îl activați folosind comanda corespunzătoare. Fișierele TTF sunt incluse cu următoarea comandă:

Atributul familiei de fonturi specifică în acest caz numele tipului de caractere, iar src: url (font.ttf) specifică calea către fișierul TTF.

Pasul 3

După activarea elementului, îl puteți utiliza pentru a afișa text:

Text

Această comandă este responsabilă pentru afișarea fontului de font solicitat în cursiv în titlul celui de-al doilea nivel. Dacă browserul utilizatorului nu acceptă manipularea fișierelor TTF, va fi utilizat fontul de sistem specificat după prima virgulă (în acest caz, Verdana).

Pasul 4

Unele browsere nu acceptă TTF descărcabil. De exemplu, Internet Explorer 8 folosește formatul EOT pentru a afișa text. Pentru astfel de browsere, convertiți TTF original folosind mai multe servicii și includeți tipul de caractere rezultat în parametrul @ font-face în același mod.

Pasul 5

Dacă doriți să importați fișierul de care aveți nevoie dintr-o altă resursă, utilizați comanda @import, care trebuie scrisă în partea de sus a documentului CSS:

@ import url (https:// font_address)

Recomandat: