LovesTheTeam.com

instrucție

1

Puteți specifica opțiunile font, pentru care browserul ar trebui să foloseascăafișați un anumit bloc de text într-o pagină, chiar înainte de începutul acestui bloc. Pentru aceasta, instrumentele de limbaj de marcare sunt suficiente, fără a utiliza descrieri de stil ale elementelor de document. Structura HTML corespunzătoare constă din fontul de deschidere și de închidere a tagurilor (<font> și </ font>), între care este plasat textul. Această etichetă vă permite să specificați un nume font în atributul față, culoarea sa (în atributul de culoare) șidimensiunea (atributul de mărime). Culoarea poate fi specificată în textul desemnării sale (de exemplu, albastru), dar este mai bine să se utilizeze codurile hexazecimale (de exemplu, # 0000FF în loc de albastru), deoarece acestea pot fi folosite pentru a găsi mai multă precizie nuanta potrivita. dimensiune font aici este dat în unități relative - trebuie să specificați un număr în intervalul de la 1 la 7. Text de probă cu parametrii specificați în acest fel font: <font color = "Navy" fata = "Verdana" size = "5"> Text exemplu </ font>

2

O altă modalitate este să utilizați atributul de stil. Acesta poate fi specificat în mai multe etichete, inclusiv cele care formează zone mici sau blocuri cu text în corpul documentului. Aici este un exemplu cu forma tag-un paragraf de text: <p style = "font: 20px 700/12 Verdana;"> Text mostră </ p> Aici, numărul 700 - este o proprietate font-greutate, și 20px - font-size. Prin efect, ele aproape se duplică reciproc - setați mărimea literelor. Singura diferență este că font-size indică dimensiunea în unități absolute (px sau em) și font-greutate în raport, și anume Creste sau scade dimensiunea acestui bloc de text fata de cel specificat pentru intregul document ca intreg. După cum știți, să folosească ambele în același timp, în aceleași atribute de stil nu are nici un sens, aici ele sunt unite cu titlu de exemplu numai. Numărul 12, indicat printr-o fracție după dimensiunea absolută, specifică înălțimea liniilor din acest paragraf. Și Verdana este, desigur, numele celui folosit font.

3

Cu toate acestea, specificarea parametrilor font direct în etichetele elementului de pagină acumrareori utilizate. De obicei, descrierile fontului sunt redate în blocuri CSS, iar etichetele specifică doar referințele la ele - în atributele de clasă sau id. O mostră de acest tip de indicare a parametrilor font: <style = "text / css"> .paraFont {font: 20px / 40 Verdana;} </ style> <p class = "paraFont"> Text exemplu </ p>

4

Dacă nu există o anumită varietate de fonturi în pagină,atunci puteți seta parametrii, de exemplu, pentru toate etichetele <p> și nu specificați referințe la descrierea stilului fie în atributul de clasă, fie în id. În acest caz, proba anterioară poate fi simplificată în forma următoare: <font style = "text / css"> p {font: 20px / 40 Verdana;} </ style> <p>

Sfat 2: Cum să setați fontul în html

Font este o parte integrantă a designului web, dândcaracteristica site-ului. Textul de calitate pe pagină ar trebui să arate armonios, combinat cu celelalte elemente ale site-ului și, astfel, să contribuie la o mai bună percepție a informațiilor. Când HTML limbaj de marcare și tabele cascadă CSS poate fi configurat practic orice parametri care contribuie la realizarea eficienței maxime a paginii.

Veți avea nevoie

• - un fișier de font în format TTF.

instrucție

1

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

text

Această comandă va afișa antetul al doilea nivel h2 cu textul setului cu cască Arial.

2

Dacă doriți să utilizați propriul font,acesta trebuie mai întâi să fie încărcat la gazdă și activat folosind comanda corespunzătoare. Fișierele TTF sunt incluse în următoarea comandă: @ font-face {font-family: font; src: url (font.ttf); } Atributul font-family în acest caz specifică numele caselor de fonturi și src: url (font.ttf) specifică calea către fișierul TTF.

3

După ce activați un element, îl puteți utiliza pentru afișarea textului:

text

Această comandă este responsabilă pentru output-ul necesarfont font italic în antetul celui de-al doilea nivel. Dacă browserul utilizatorului nu acceptă procesarea fișierelor TTF, se va specifica fontul sistemului (în acest caz Verdana) după prima virgulă.

4

Unele browsere nu acceptă descărcabileTET. De exemplu, Internet Explorer 8 utilizează formatul EOT pentru a afișa textul. Pentru astfel de browsere, convertiți TTF original utilizând mai multe servicii și includeți setul cu cască recepționat în opțiunea @ font-face în același mod.

5

Dacă doriți să importați fișierul pe care doriți cu alte resurse, utilizați @import, care trebuie să fie scrise în partea de sus a documentului CSS: URL @import (http: // adres_shrifta)