我最近升级到Dreamweaver CC并尝试使用Adobe Edge Font集成。这很简单,使用和字体似乎在我的网站上正常工作。然而,当我开始在我的iPhone上测试网站时,我遇到了一个奇怪的问题。字母“W”(大写和小写)呈现错误。见下图。
http://i.imgur.com/o0bdFdT.png
所以我继续创造了一个基本的jsfiddle,其中的字母表以不同的大小显示。下面是css的一个例子以及小提琴链接。
h1 {
font-family: didact-gothic;
font-style: normal;
font-weight: 400;
font-size: 6em;
}
</style>
<script src="//use.edgefonts.net/didact-gothic.js"></script>
当我在桌面上的Firefox中查看页面时,所有字母都能正确呈现所有字母。当我在iPhone上的Safari中查看页面时,所有'W'字母在所有尺寸上都被错误地渲染。更奇怪的是,在创建这个小提琴后,我在Chrome中测试了它,它在较小的尺寸上正确渲染,而在较大的尺寸上正确渲染。更准确地说,4em及以上显示不正确。
我在网上搜索过,但只发现了整个字体无法渲染的原因。希望有人可以帮助解释为什么这个单个字母决定在某些情况下正确呈现而在其他情况下不正确。谢谢你提前。