如何修复忽略@ font -face和字体家族的Internet Explorer 9和10？
如何修复忽略@ font -face和字体家族的Internet Explorer 9和10？
提问于 2018-07-25 20:23:21
这是字体系列(HelveticaNeueCond)的CSS代码：
@font-face {
font-family: 'helveticaneuecond';
src: url('helveticaneuecond_bold_0-webfont.eot');
src: url('helveticaneuecond_bold_0-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneuecond_bold_0-webfont.woff2') format('woff2'),
url('helveticaneuecond_bold_0-webfont.woff') format('woff'),
url('helveticaneuecond_bold_0-webfont.ttf') format('truetype'),
url('helveticaneuecond_bold_0-webfont.svg#helveticaneuecondbold') format('svg');
font-weight: bold;
font-style: normal; }其他字体变体(粗体/斜体、正常/斜体、正常/正常)在stylesheet.css中也以相同的方式实现
下面是它的链接方式：
<link rel="stylesheet" href="webkit/stylesheet.css" type="text/css" charset="utf-8" />以下是字体系列的名称：
body { font-family: 'HelveticaNeueCond', Tahoma, Arial, sans-serif; }现在，它在所有新的浏览器上都运行得很好，包括Edge，IE11，所有现代的移动浏览器。它甚至可以在大多数IE中工作(甚至在8或更老的时候)。然而，IE9和IE10完全忽略了它。更糟糕的是，他们忽略了字体系列，而是使用serif字体，即使我清楚地说明了"sans-serif"，如果一切都失败了。
webfontkit是用fontsquirrel生成的。
如何解决这个问题？
回答 1
Stack Overflow用户
发布于 2018-08-11 04:22:02
你在@font-face中尝试过font-family: 'HelveticaNeueCond';吗？您不必更改字体文件名，但应该尝试在@font-face中更改字体的声明名称。当然，您也可以更改主体规则中的名称：body { font-family: 'helveticaneuecond', Tahoma, Arial, sans-serif; }。他们应该匹配，也在上部和下部铸型。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51518809
复制相关文章
相似问题