Question

我想在网站上添加字体，但我无法在IE7和IE8中使用它。它适用于Firefox，Chrome和IE 9.我已经尝试了一些我找到的解决方案，但它们都没有用。我试过这个：

@font-face {
font-family: 'MyriadPro-SemiboldCond';
src: url('/static/fonts/MyriadPro-SemiboldCond.eot');
src: local('☺'), url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'), url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), url('/static/fonts/MyriadPro-SemiboldCond.svg') format('svg');
font-weight: normal;
font-style: normal;
}

还试过这个：

@font-face {
font-family: 'MyriadPro-SemiboldCond';
src: url('/static/fonts/MyriadPro-SemiboldCond.eot');
src: url('/static/fonts/MyriadPro-SemiboldCond.eot?#iefix') format('embedded-opentype'),
     url('/static/fonts/MyriadPro-SemiboldCond.woff') format('woff'),
     url('/static/fonts/MyriadPro-SemiboldCond.ttf') format('truetype'),
     url('/static/fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg');
font-weight: normal;
font-style: normal;

}

对我来说看起来不错，但是很遗憾我错过了一些东西。我不知道我使用“MyriadPro”的字体是否有问题。

在IE7 / IE8中还有另一种方法吗？像cufon这样的javascript解决方案使文本无法选择。

Answer 1

这在IE7＆amp; 8中适用于我，但如果出现这样的问题，那么你应该查看另一个选项，如googlefonts

@font-face {
font-family: 'DroidSansMono';
src: url('../fonts/droid_sans_mono_regular-webfont.eot');
src: url('../fonts/droid_sans_mono_regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/droid_sans_mono_regular-webfont.woff') format('woff'),
     url('../fonts/droid_sans_mono_regular-webfont.ttf') format('truetype'),
     url('../fonts/droid_sans_mono_regular-webfont.svg#DroidSansMono') format('svg');
font-weight: normal;
font-style: normal;
}

使用谷歌字体：

<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Press+Start+2P' rel='stylesheet' type='text/css' />

字体不能正常工作IE7 / IE 8

1 个答案: