iconfont精简的字体在xp系统的ie8下渲染有虚边,xp下chrome渲染也有虚边
zongsheng opened this issue · comments
好的 亲 一般都是半个像素的问题 ,方便的话 你把字体还有测试代码发给我,我定位下。
你可以直接发邮件给我哈,xhzhuweikang@163.com
是只有xp下 会这样?
xp下虚边比较明显,win7下也有点,但不太明显,我早上去公司整理下代码然后发到你邮箱里面。
邮件已经发送给你啦~ 抽空帮忙看下不着急~
今天事情比较多,我明天帮你看哈。而且我手头暂时没有xp的系统
亲,我看了下生成逻辑,并没有什么问题。
对于虚边的问题,有两种方案:
1.使用一些样式:
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
2.可能是浏览器半个像素的问题:
这个是什么意思呢?就是我们对一个字体的舞台进行等分。比如16px时我们分成16分,当这个时候字体的边正好在网格边上时就可以得到最好的渲染。反之就会模糊虚边。
这个我们有文章介绍过,可以看下这个 http://mux.alimama.com/posts/1025
刚开始我就是怀疑,可能我那边做了scale的转换导致出现了这个问题。但是我看了下源码,因为你是直接min的所以保持的是原始的字形的大小还有舞台,所以并没有做什么path变换。所以其实不存在这个问题。
综上,建议加上那些样式chrome下的虚边会好很多。至于xp,亲,我周围实在找不到xp了 = =。
非常感谢帮忙处理,xp下的chrome浏览器下加上你给的样式展示起来已经很好了,我们的产品经理也妥协了一下。哈哈,字体制作的这个文章好牛掰啊,之前很少了解这些东西。
能够解决问题就好,字体相关的知识的确很多,我们也是摸索着前进。共勉。。。