Cum se setează fontul în css
In HTML, la prima vedere, totul este simplu cu tag-ul FONT set de fonturi cu FASE și este gata de a atribui, dar începe să testați site-ul dvs. pe diferite calculatoare sau a mers probleme, fontul nu este instalat, din cauza setărilor locale, fontul este prea mic și nu lizibile. foi de stil Cascading vă permit să-l controleze.
Care este fontul și simbol.
Font - un set de hieroglife, să adere la standarde, în conformitate cu proiectarea, dimensiunea, aspectul, și alt efect l.
Glyph - l glifului abtraktny în stil tipografic, realizate în vector sau raster (dot) stil, în termeni simpli, este un vector glif sau imagine raster pe care unul sau mai multe caractere ilustrat.
Abstract glyph - element de abstractizare-informații, adică, caractere (litere, cifre și semne speciale).
Cu alte cuvinte, fontul este o imagine a unui set de caractere și simboluri speciale.
Înainte de afișare sau de hârtie simboluri ale agentului utilizator (. PA) este necesar pentru a determina:
1) fie direct, sau dacă fontul setului de caractere este moștenit;
2) verifică disponibilitatea fontului;
3) în cazul în care cele două puncte superioare se efectuează pentru a determina glyph pentru caracterul dorit;
4) ce să facă în cazul în care fontul nu este definită sau nu este disponibilă.
Specificația font proprietăți în CSS.
De obicei, stilul de font: vă permite să controlați stilul de font și poate fi:
Stil de font: normal - reprezentarea normală a fontului, o valoare prestabilită.
font-style: italic - font cursiv furnizează
font-style: oblic - un alt fel de italice, ceea ce implică următoarele stiluri de font: Oblique, oblici sau Incline
proprietate stil de font este utilizat singur sau împreună cu font-family.
De obicei font-variant: vă permite să controlați variantele de font:
normal - definește fontul care nu este marcat ca un titlu mic.
mici-caps - font titlu mic.
moștenesc - valoarea calculată.
Regula font-weight: stabilește linii lățime (grăsime) caractere din font-greutate: 100 la font-greutate: 900 - valoarea de cifre predeterminate decât cifra mai font posibil mai grasa valori: 100, 200, 300, 400, 500, 600, 700, 800, 900
font-weight: font subțire mai ușor, la fel ca și 100.
font-greutate: font normală normală, la fel ca și 400.
font-weight: bold bold, de asemenea, că 700.
font-weight: bold mai îndrăzneț, de asemenea, că 900.
Regula font-size :, permite controlul dimensiunea fontului, poate Descriere pentru unități relative absolute și / sau, precum și ca fiind de interes. Valorile negative nu sunt permise.
De obicei font-size ajusta: controale lizibil dublu scris cameră, și anume, la glifele sunt ușor de citit, de exemplu, vom folosi fontul Verdana, iar aspectul său este .58, deci vom folosi doua fontul este Georgia aspect care este doar 0.5, în acest caz, textul Verdana fontul este ușor de citit, cu dimensiunea de font-size: 12px, apoi pentru a determina inteligibilitatea celui de al doilea font dorim să folosim formula:
font-SIZE1 (aspekt1 / aspekt2) = font-SIZE2. în cazul nostru 12 (0,58 / 0,5) = 13.92pikselya, adică lizibil Georgia începe la 14px.
Determinat prin aspectul. de exemplu, am stabilit înălțimea majuscule litere font-size: 100px, în care literele mici (x înălțime) se va ocupa doar 58px, apoi pentru a determina aspectul fontului trebuie x înălțime împărțită font-size în acest caz 58/100 = 0,58 aspect mediu va fi .58
De aici putem trage concluzia că fonturile cu un aspect mare va razbochivivy la dimensiuni de font mici și vice-versa.
PS Cum de a determina dimensiunea specificațiilor font nedocumentate, dacă setați reguli 2 (font-size și x înălțime), una dintre ele este ignorată, fonturile nu poartă aceste informații, apoi aceste numere pot fi obținute numai în dezvoltator.
De obicei font: - aceasta regula grupovoe care pune în toate regulile menționate mai sus, în următoarea ordine:
* Font-stil: normal;
font-variant: normal;
font-weight: 400;
font-size: 12pt;
line-height: normal;
font-family: Verdana
>
Ie Versiune de lucru:
*
Break secventa nu poate fi pierdut sau reguli de funcționare, dar nu se poate instala (treci) nu este necesar să vă regulile, în acest caz, PA substituie valorile inițiale pentru font.