Question

我正在使用Google Lato字体作为我的UI开发视角，但是当我使用lato字体时我遇到了问题，它在IE中无法正确呈现但在Chrome浏览器中工作正常，我无法理解发生了什么？

我只是将Google字体下载到我当地的

Lato Google字体

<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&amp;subset=latin-ext" rel="stylesheet">

我的本地路径

在CSS中指定

body {    font-family: 'Lato', sans-serif;}

Chrome - 正在拍摄'Lato'

IE - Lato字体无法渲染，而不是lato字体，需要sans-serif

我不知道我错过了什么，在这种情况下你能帮助我吗？

Answer 1

我使用google font lato via

<link href="https://fonts.googleapis.com/css?family=Lato&amp;subset=latin-ext" rel="stylesheet">

它在IE11（在Windows上）以及chrome上正确呈现，所以我建议尝试使用google api中的google字体，而不是在本地计算机或服务器上下载它

另请查看此链接here这可能会对您有所帮助

Answer 2

Google根据客户端浏览器加载相关的webfont文件。当IE支持woff时，Chrome支持woff2。如果您将通过资源管理器加载相同的CSS，您将在样式表中获得woff文件。