RomânăEnglish
 
exteon.ro - Definirea stilului bold italic in declaratia font-face
Acasă < Articole < Html, CSS < Definirea stilului bold italic in declaratia font-face

Un mic detaliu când folosiți fonturi custom în layouturile dvs. HTML. Când definiți fonturi custom atât pentru stilul normal cât și pentru italic, definiția pentru italic TREBUIE să apară prima în fișierul CSS.

 

Altfel, veți observa că pentru elementele cu font-style:normal, fontul italic va fi folosit,  evident greșit. Aceasta se întâmplă pentru că unele browsere (cel puțin FF) par să nu oblige potrivirea atributului font-style dacă valoarea acestuia este normal; astfel, se folosește ultima definiție care satisface celălalt atribut, font-weight. Acest comportament este neașteptat și sper că acest articol va salva cuiva timp și nervi.

 

Iată un exemplu funcțional:

 

@font-face {  
	font-family: "Gothic720 Lt BT";  
	src: url(font/Got720LI.eot); /* IE */  
	src: local("Gothic720 Lt BT"), url(font/Got720LI.ttf) format("truetype"); /* non-IE */
	font-weight:normal;
	font-style: italic, oblique;
}
@font-face {  
	font-family: "Gothic720 Lt BT";  
	src: url(font/Got720Lt.eot); /* IE */  
	src: local("Gothic720 Lt BT"), url(font/Got720Lt.ttf) format("truetype"); /* non-IE */
	font-weight:normal;
	font-style:normal;
}
@font-face {  
	font-family: "Gothic720 Lt BT";  
	src: url(font/Got720BI.eot); /* IE */  
	src: local("Gothic720 Lt BT"), url(font/Got720BI.ttf) format("truetype"); /* non-IE */
	font-weight:bold;
	font-style: italic, oblique;
}
@font-face {  
	font-family: "Gothic720 Lt BT";  
	src: url(font/Got720Bd.eot); /* IE */  
	src: local("Gothic720 Lt BT"), url(font/Got720Bd.ttf) format("truetype"); /* non-IE */
	font-weight:bold;
	font-style:normal;
}

 

Lăsați-ne un comentariu!

Dacă ați găsit acest conținut util sau dacă aveți întrebări sau probleme în folosirea lui, vă rugăm să lăsați un comentariu! Feedback-ul este valoros pentru proiectele noastre, deci vă garantăm că efortul dvs. va fi apreciat! Multumim!

(c) SC EXTEON SRL 2006-2009, Toate drepturile rezervate
Powered by   Web3 CMS