În capitolul precedent am analizat proprietățile textului, în această discuție despre ce se poate face cu un font folosind instrumente CSS.
Proprietatea font-stil. în funcție de valoarea selectată definește stilul de font.
Font pot avea următoarele stiluri:
- normală - normală (implicit)
- cursiv - cursiv
- oblică - oblică
Ceea ce este diferit de textul cursiv oblică? Cursuri - este un fel de text preluat din biblioteca de fonturi și textul italic - acesta este rezultatul algoritmului, în cazul în care fiecare caracter este ușor înclinat spre partea dreapta.
Foarte interesant font proprietate font-variantă permite litere superioare și inferioare reduse.
- normală - normală (implicit)
- mici-capace - toate capitalele și mai mici
CSS proprietate font-size - definește dimensiunea fontului.
Dimensiunea fontului poate fi specificată în pixeli sau procente, precum și orice alte unități CSS valabile, precum și o valoare absolută sau relativă.
dimensiunea fontului absolută:
- xx-mici - foarte foarte mici
- -X mici - foarte mici
- mici - mici
- mediu - mediu
- mare - mare
- x-mare - foarte mare
- xx-mare - foarte foarte mare
Valorile dimensiunii fontului relativă:
- mai mare - mai mult decât dimensiunea fontului elementului mamă
- mai mici - mai mici decât dimensiunea fontului elementului mamă
Proprietatea font-weight - determină conținutul de grăsime al unui font. font de saturație poate fi specificată în raport cu fontul elementului părinte cu următoarele valori:
- normal - font normală
- bold - bold
- bolder - bold
- brichetă - font subțire
Și, de asemenea, exprimate în valoare numerică convențională de la 100 la 900 în pași de 100 (100, 200, 300. 900), unde valoarea fontului 100 subțire, și 900 - excesul de grăsime.
Caracteristica CSS font-family - indică una, două sau trei nume de font din biblioteca de fonturi.
Abilitatea de a specifica până la trei nume de fonturi, printr-o virgulă este utilizat de către dezvoltatori pentru a evita posibilele probleme asociate cu lipsa, dintr-un motiv sau altul, aceste nume în biblioteca de fonturi de pe calculatorul utilizatorului.
De exemplu, o intrare în descrierea stilului de P - va indica browser-ul utilizatorului, că acest paragraf ar trebui să fie scrise cu font Times New Roman, iar în cazul în care este pentru anumite motive mitice, nu vor apărea în biblioteca de fonturi, ar trebui să utilizați fontul Arial, și chiar dacă nu, atunci scrie font Verdana.
În cazul în care browser-ul nu găsește în biblioteca utilizatorului nici unul font de font specificat va folosi „default“, fontul care este specificat în setările sale
Cu toate acestea, vă pot spune, de asemenea, browser-ul nu numai ceea ce acel font special, dar, de asemenea, indică familia de fonturi preferate de următoarele posibile
- fonturi serif - serif
- sans-serif - sans-serif
- cursiv - italic
- fantezie - fonturi decorative
- monospace - Monospațiat
De exemplu, în cazul în care fișierul CSS scriere P va însemna că, dacă ne găsim dintr-o dată cu numele fontului Times New Roman, ar trebui să utilizați orice (sau definit în setările browser-ului) font disponibile din familia sans-serif - font sans-serif.
Probabil ai observat faptul că toate proprietățile CSS sunt proiectate pentru a lucra cu font începe cu cuvântul englezesc font (font în sine). font-familială, font etc ..: dimensiune
Deci, nu este un accident. Faptul că toate aceste proprietăți sunt „afiliate“ ale font atribut de bază CSS pentru a plafona capul de ea, de fapt, va fi discutată.
Ar fi de scurtă durată. )) Deci, font - (print) Fiind atributul de bază, se poate determina în același timp, mai multe opțiuni de fonturi care iau aceste sau alte valori ale următoarelor atribute:
Pentru mai multe detalii despre parametrii posibili, a se vedea fiecare atribut separat.
Să presupunem că avem nevoie pentru a scrie o descriere stilistică a tag-ul font și fontul nostru idee pentru tag-ul trebuie să fie: în italice, bold, au o dimensiune de 20 de pixeli și de a folosi fontul Arial
Toate acestea se poate face prin scrierea cu următorul text:
interval font-style: italic;
font-weight: bolder;
font-size: 20px;
font-family: Arial
>
Și poți să faci doar o singură linie, folosind un atribut de bază al fontului.
Tocmai am enumerat parametrii necesari „marca“ font. Sunt de acord, cred, mult mai ușor să scrie același cod este mai compact și mai ușor de citit ca browser-ul și omul.
Utilizați un atribut font de bază, dacă doriți să aplicați elementului de fonturi mai multe proprietăți.
Amintiți-vă că textul în primul rând ar trebui să fie ușor de citit și apoi frumos și elegant, dar în conformitate cu acest sfat pentru a evita următoarele lucruri:
Potrivit psihologilor, într-un text lung este de a folosi cel puțin două fonturi, dar nu mai mult de patru. Și selecția de tip „speciale“ text trebuie să fie sistematic. De exemplu, toate titlurile de un font, „text de bază“, în al doilea rând, și „text special“ al treilea.