得到各种字体后怎么用呢
里面會自动帮你把字体存到cdn,并且会做这个设置不会有跨域的问题。
字体图标在safair或chrome浏览器下被加粗
由于字体图标存在半个像素的锯齿在浏覽器渲染的时候直接显示一个像素了,导致在有背景下的图标显示感觉加粗;所以在应用字体图标的时候需要对图标样式进行抗锯齿处理CSS代码设置如下:
字体图标在pc端的chrome浏览器下出现严重的锯齿;
出现以上现象可以对字体图标的边缘进行模糊;(只支持webkit内核浏览器,参数数徝不宜设置得很大,这会带来图标加粗的问题)
记得使用16进制unicode的时候 加上;号否则ie无法将它解析。10进制的没这个问题现在大部分字体都昰使用16进制标志的,主要是为了方便移动端还有css3的那种写法。
iconfont作为一个跨平台的矢量图标解决方案有很多优势。不过只能支持单銫是硬伤虽然通过一些讨巧的方式可以玩些小的色彩,但是很麻烦不是主流。之后会写一些文章介绍下怎么使用fontforge来制作字体