Internet Explorer 8中的字体问题

Question

我为IE 8创建了一个测试页，以查看是否可以使用Google字体。 您可以在问题的末尾找到代码。

我通过将元素与列表一起使用来包含我需要的所有Google字体。

现在，根据元素中的HREF属性长度，Google字体可能无法在IE 8中使用。

情况如下：

如果我有：

<link rel=stylesheet type="text/css"
    href="//fonts.googleapis.com/css?family=Tangerine|Open+Sans|Droid+Sans|PT+Sans|Josefin+Slab|Arvo|Lato" />

Google字体在IE 8中不起作用。

现在，如果我删除“ Lato”，则指定最后一种字体：

<link rel=stylesheet type="text/css"
    href="//fonts.googleapis.com/css?family=Tangerine|Open+Sans|Droid+Sans|PT+Sans|Josefin+Slab|Arvo" />

Google字体在IE 8中可以正常工作。

在这两种情况下，它们在Chrome中均能正常工作，这仅与IE 8有关。

测试页的HTML代码：

<html>
<head>
<link rel=stylesheet type="text/css"
  href="//fonts.googleapis.com/css?family=Tangerine|Open+Sans|Droid+Sans|PT+Sans|Josefin+Slab|Arvo|Lato" />

<style>
div {
  font-size: 36px;
  font-family: 'Tangerine'; /* here is the google font */
}
</style>

</head>
<body>
  <div>This div will get the google font family</div>
</body>
</html>

Answer 1

是的，这是IE的问题-对于IE8及以下版本-一种解决方案是在条件语句中分隔每种字体的链接-它不喜欢link属性中的长字体堆栈跟踪。

<!--[if lte IE 8]>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Tangerine" /> 
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans" /> 
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans" />
<![endif]-->

Internet Explorer 8中的字体问题

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-06-04 17:55:29

Internet Explorer 8中的字体问题

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-06-04 17:55:29

解决方案1
1 已采纳 2015-06-04 17:55:29