首页 > HTML > iOS 4.2+webfont(TTF)的加粗字体重量渲染错误
2015
02-12

iOS 4.2+webfont(TTF)的加粗字体重量渲染错误

这一个是相当注明:指定TTF字体渲染font-weight:bold不正确的探险之旅,开放的现场演示与iPhone / iPad的与iOS 4.2/4.3 Beta 3版本或以上: (这是Reenie +豆豆从谷歌字体) 屏幕捕获 你看到粗体字体看起来双重渲染。这不是小字体大小显著,但对于大的字体大小/缩放在相当显著 我的朋友会报告这个错误给苹果。然而,任何事情他可以做些什么来解决这个bug? (杀文本也不行) 更新: 这个人是不是固定在iOS5中。 最好的解决办法我知道这个问题会 使用font-weight:normal(如演示所示) 二者必选其一 -webkit-text-stroke text-shadow 使它看起来“大胆”(iPad只CSS-用js加身前缀,不能查询)
————————————————————————————————————————-
1. 有问题的H1继承字体重量:大胆;从父类。仅仅过了写字的继承样式的字体重量:正常;
2. 看来,移动Safari浏览器具有使spline式字体面的车的方式。大胆将增加一倍文字和偏移,并与大多数字体会被忽视,但随着薄型字体面临它看起来像双影。 在你的情况下,Reenie豆豆不包括大胆的样式,如果你是他们作为标题,而不改变font-weightnormal400它会呈现大胆的重量“人造病急乱投医”。 请大家注意仿款式是一般越野车的浏览器 CodeGo.net,而不是只在移动Safari。 解决方案1。使用适当的font-weight所以最好的解决方案是将字体重量更改为一个谷歌提供的字体,下面快速修复:

h1, h2, h3, h4, h5, strong, b { font-weight: 400; } /* or font-weight: normal */ 

解决方案2。使用字体,它提供所需的粗体/斜体样式 另一种解决方案是从一个Web字体归档确实包含了一个大胆的样式选择一个字体。在谷歌字体的替代品,看起来很像Reenie豆豆,是“大胆”将是如GOCHI手,Sunshiney,或记号笔。 解决方案3。假的 如果你真的坚持想要一个仿粗体样式您可以薄薄的文字阴影或文字中风。
3. 不要’的’大胆’或’大胆’的标签。他们是没有必要的,如果你一个具体的加权webfont。 我有这个问题。它走了,当我删除的字体粗细。
4. 尝试应用此CSS规则:

-webkit-font-smoothing: antialiased; 
最后编辑:
作者:管理员
这个作者貌似有点懒,什么都没有留下。