Question

我正在尝试找到可以为IE版本6到10呈现字体的代码。我测试了来自font squirrel，adobe webfonts和Google的字体css的代码，但没有适用于所有人的代码IE浏览器。

有人有代码吗？

Answer 1

我相信这两种服务都会自动为所有支持的浏览器（包括IE）提供代码。

例如，使用样式标记从Google字体API调用字体，实际上会从Google中提取具有不同字体声明的CSS文件。

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic" />

生成以下CSS：

@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(http://themes.googleusercontent.com/static/fonts/karla/v2/QT0qO2FiFD03cwUe_t62t6CWcynf_cDxXwCLxiixG1c.woff) format('woff');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: local('Karla Bold'), local('Karla-Bold'), url(http://themes.googleusercontent.com/static/fonts/karla/v2/3nZS3BKzlvhkwl4yjCQcjHYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Karla';
  font-style: italic;
  font-weight: 400;
  src: local('Karla Italic'), local('Karla-Italic'), url(http://themes.googleusercontent.com/static/fonts/karla/v2/ietJ6bjhwzrJL8NSJOc2mgLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
  font-family: 'Karla';
  font-style: italic;
  font-weight: 700;
  src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/karla/v2/VZ08RdiotRdV1D0ewK-mxL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

如您所见，不同浏览器有不同的格式。 WOFF适用于IE。

米奇。

PS - 我在下面的评论中提到的一些内容：

您是否在本地工作并在IE中查看此内容？如果是这样，它可能无法正常工作。为了在IE中工作，我认为你必须在实际的服务器上查看网站。与IE中的“标题”和原始政策有关 - 这是一个安全问题。可能是吗？

所有ie浏览器版本的字体（6到10）

1 个答案: