我使用的是一种名为' 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重量的字体异常呈现。
<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/
拖动时的结果如下。
<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/
我使用的是IE 11.125和Windows 10.我不知道为什么。我想知道它是否只对我而言。感谢您阅读。