Не стандартные шрифты для сайта @font-face

Рубрика: CSS верстка

Пример подключения своих не стандартных шрифтов на сайте, ну а лучше посмотреть на сервисе гугла шрифт _http://www.google.com/webfontsили генерировать самому тут _http://www.fontsquirrel.com/fontface/generator

Есть еще два метода это через флешь sIFR (что не очень то) и Куфон _http://cufon.shoqolate.com/generate/через ява скрипт, что глючит не по детски и жутко тормозит, но выглядит во всех браузерах красиво конечно

@font-face {
font-family: "Vesna";
src: url(../font/Vesna.eot); /* for IE6-8 */
src: local("Vesna"),
     url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */
}
html, body {
font:normal 23px "Vesna";
}
@font-face {
font-family: 'BastionKontrastAltCRegular';
src: url('bsa75__c-webfont.eot');
src: local('☺'), url('bsa75__c-webfont.woff') format('woff'),
     url('bsa75__c-webfont.ttf') format('truetype'),
     url('bsa75__c-webfont.svg#webfontYyeSaPDU') format('svg');
font-weight: normal;
font-style: normal;
}

или Не стандартные шрифт @font-face Syntax:

@font-face {
	font-family: 'MyWebFont';
	src: url('webfont.eot'); /* IE9 Compat Modes */
	src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('webfont.woff') format('woff'), /* Modern Browsers */
	     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
	}


Теги:


Поделись с друзьями:
Похожие статьи

Оставьте комментарий!

Нет комментариев для записи Не стандартные шрифты для сайта @font-face




*