在IE 11/Edge中使用Roboto字体

5

我想要使用Google的Roboto字体,但在IE11 / Edge浏览器中显示非常丑陋。以下是我的示例代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
    <title></title>
</head>
<body>
<div style="font-family: 'Roboto'">
    közötti műveleteire.
</div>

上面的文本显示在IE / Edge中,下面是Chrome版本。(字母ű非常丑陋)我如何在IE中正确使用Roboto?

1个回答

9

尝试使用以下内容,看看是否有效:

<link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,greek,greek-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css'>

你能解释一下这个对IE有什么帮助吗? - Chic
刚试了一下,似乎IE必须先有“latin”子集,其他浏览器则不关心特定的顺序。 /* latin / @font-face { font-family: 'Roboto'; / ... */ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } - Miha Pirnat
看起来很神奇,它在我的情况下确实帮助了IE (&subset=latin,latin-ext)。 - luky

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接