purplebamboo / font-carrier

font-carrier是一个功能强大的字体操作库,使用它你可以随心所欲的操作字体。让你可以在svg的维度改造字体的展现形状。

Home Page:http://purplebamboo.github.io/font-carrier/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

iconfont精简的字体在xp系统的ie8下渲染有虚边,xp下chrome渲染也有虚边

zongsheng opened this issue · comments

在xp系统下ie8截图
image
xp系统下chrome截图
image

好的 亲 一般都是半个像素的问题 ,方便的话 你把字体还有测试代码发给我,我定位下。
你可以直接发邮件给我哈,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浏览器下加上你给的样式展示起来已经很好了,我们的产品经理也妥协了一下。哈哈,字体制作的这个文章好牛掰啊,之前很少了解这些东西。

能够解决问题就好,字体相关的知识的确很多,我们也是摸索着前进。共勉。。。