css - 所有字体即浏览器版本（6 到 10）

Question

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

有没有人有代码？

Answer 1

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

例如，从 Google 字体 API 调用带有 style 标签的字体，实际上会从 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 中的“标头”和来源策略有关 - 这是一个安全问题。会是这样吗？