2017-04-11 11 views
0

我发现Mac上的Chrome上的错误(据我所知),当使用自定义@font-face图标时。字体图标缺少一些细节,如果对象/路径很小(Mac上的Chrome)

当对象/路径非常小,并且某些尺寸会丢失一些细节。使用IcoMoon让我的自定义字体图标

我的测试,以正常和小图标这样

林:

enter image description here

然后我尝试扩大字体大小并在Mac上对Chrome进行测试(57.0.2987.133(64位))

我得到了这样的结果:

enter image description here

你会看到红色的部分细节不见了地方

任何伎俩来修复这个bug还是我不得不等待更新?

演示:https://jsfiddle.net/vhhk5vrg/

回答

0

我认为它已经与字体大小的微小细节去你的图标丢失的转换操作。

如果你只是改变状态并检查图标,结果看起来一样好。

检查此屏幕截图,我已经增加了较小红色图标的font-size

enter image description here

检查更新fiddle

编辑

是的,有在font-size: 250px在Chrome渲染一些问题,在Mac上看起来。但是,如果您放大浏览器,则细节会正确呈现并可见。

检查:

enter image description here

+0

尝试在设置字体大小小:250像素; https://jsfiddle.net/h2ndq6r4/2/ – l2aelba

+0

我做了,有一些渲染问题。但是放大后的细节再次可见。 – nashcheez

+0

Yeps :(这是不好的hehe – l2aelba