CSS: CustomFont on page

Tue, 26 May 2009 18:01:56 +0200

Работает в браузерах с поддержкой custom-fonts в css3 (>FF3.1,IE8)

@font-face {
 	font-family: SomeFont;
	font-style: normal; 
	font-weight: normal;
	src:url("somefontnormal.otf") format('opentype');
	/*src:url("somefontnormal.ttf") format('truetype');*/
	* html src:url("somefontnormal.eot"); /* IE only eot font type */	
}
@font-face {
 	font-family: SomeFont;
	font-style: normal; 
	font-weight: bold;
	src:url("somefontbold.otf") format('opentype');
	/*src:url("somefontbold.ttf") format('truetype');*/
	* html src:url("somefontbold.eot"); /* IE only eot font type */
}
.element {
	font-family: SomeFont;
}

Если кому интересно, то расскажу о конвертировании ttf2otf, ttf2eot, otf2ttf

Посмотреть Пример

Комментарии к заметке

Теги:
css
css > font

Deerua about Coding: последние заметки с тегом «font»

CSS: CustomFont on page