CSS код:@ font-face не работает в IE8, но работает в chrome, firefox?
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.ttf');
}
он отлично работает в хроме и светлячок. но не в IE8.
, когда я добавить .eot шрифт для IE в CSS
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.ttf');
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.eot');
}
его работы в IE8, но не в хроме и светлячок.
как заставить его работать во всех браузерах ???
EDIT
пытался Font Squirrel. это тоже не сработало.
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.ttf');
src: url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.eot'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.eot?#iefix') format('embedded-opentype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.woff') format('woff'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.ttf') format('truetype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2-webfont.svg#leb-webfont') format('svg');
}
Этот продукт работал.
@font-face {
font-family: 'sky2-webfont';
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.eot');
src: url('http://swaidanews.com/CMS/fonts-sky/sky2.eot?#iefix') format('embedded-opentype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2.woff') format('woff'),
url('http://swaidanews.com/CMS/fonts-sky/sky2.ttf') format('truetype'),
url('http://swaidanews.com/CMS/fonts-sky/sky2.svg#sky2-webfont') format('svg');
}
, но до сих пор я не понимаю, шрифты в 'шрифты-небо' папку
sky2-webfont.woff
sky2-webfont.ttf
sky2-webfont.eot
sky2-webfont.svg
но в CSS @ шрифт лице мы используем просто
sky2.woff
sky2.eot
sky2.svg
sky2.ttf
http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ – LorDex
возможно дубликат [CSS @ шрифт-лицо не работает в IE8] (HTTP: // StackOverflow. com/questions/7582401/css-font-face-not-working-in-ie8) – pasine
Каждый браузер имеет свой собственный предпочтительный тип шрифта. Посмотрите на [Font Squirrel] (http://www.fontsquirrel.com/tools/webfont-generator), чтобы создать идеальное правило @ font-face. – pasine