[英]Font-face not working IE7/IE 8
我想在网站上添加字体,但无法在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解决方案使文本无法选择。
在IE7&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;
}
使用Google字体:
<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Press+Start+2P' rel='stylesheet' type='text/css' />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.