Internet Explorer 8中的字体问题

我为IE 8创建了一个测试页，以查看我是否可以使用Google字体。你可以在问题的最后找到代码。Internet Explorer 8中的字体问题

我包含了我需要的每一个Google字体，只要使用一个元素和它们的列表即可。现在

，取决于元素中的HREF属性长度上，谷歌的字体可能无法在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" />

谷歌字体不工作在IE 8中。

现在，如果我删除“Lato”，最后字体s pecified：

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

谷歌的字体在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>

来源

2015-06-04 Fernando Gabrieli

您是否在Google问题跟踪器中提交了该问题？这似乎是获得最佳答案的更可靠的方法。 –

是它与IE浏览器的问题 - 对IE8及以下 - 一个解决方案是分离出每个字体的链接在条件语句 - 它不如链接属性中的长字体堆栈跟踪。

<!--[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]-->

来源

2015-06-04 17:55:29

Internet Explorer 8中的字体问题

回答

相关问题