在IE中,字体渲染突然变得奇怪

时间:2018-01-24 13:12:33

标签: css internet-explorer fonts internet-explorer-11

我使用的是一种名为' Note Sans KR'的字体,但字体渲染在IE中突然变得奇怪。

<input type="text" value="abc"> <input type="text" value="abc"> <input type="text" value="abc">

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
input { width:100px; height:50px; font-family:'Noto Sans KR';}
input:nth-of-type(1) { font-weight:300; }
input:nth-of-type(2) { font-weight:400; }
input:nth-of-type(3) { font-weight:500; }

测试网址:https://jsfiddle.net/ze6suwys/

结果如下所示。突然间,只有400重量的字体异常呈现。

enter image description here

<span>abc</span> <span>abc</span> <span>abc</span>

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
span { font-family:'Noto Sans KR';}
span:nth-of-type(1) { font-weight:300; }
span:nth-of-type(2) { font-weight:400; }
span:nth-of-type(3) { font-weight:500; }

测试网址:https://jsfiddle.net/ze6suwys/2/

拖动时的结果如下。

enter image description here

<div>abc</div> <div>abc</div> <div>abc</div>

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
div { float:left; height:50px; margin-right:5px; border:1px solid black; font-family:'Noto Sans KR';}
div:nth-of-type(1) { font-weight:300; }
div:nth-of-type(2) { font-weight:400; }
div:nth-of-type(3) { font-weight:500; }

测试网址:https://jsfiddle.net/ze6suwys/4/

enter image description here

我使用的是IE 11.125和Windows 10.我不知道为什么。我想知道它是否只对我而言。感谢您阅读。

0 个答案:

没有答案