Fontello 是一个免费的 Web 图标字体生成器,专为网页设计和前端设计师提供免费图标大集合。它完全支持所有 PC 环境和移动端以及所有主流操作系统,不过对于旧版的浏览器可能会有兼容性差异。
Fontello 图标字体生成器具有以下特点和优势:
首先,它可以让用户把图标 web 字体放到自己的项目中。允许用户准备图标,图标必须为矢量形式,可自己创建或在线收集 SVG 图标,还能将图标中的多种形状合并为一个化合物。创建字体时,只需将选择的图标拖放到 Fontello 上,就可生成所有必需的字体格式,如.svg、.eot、.ttf 和.woff,以及样式表和演示。
其次,使用 Fontello,我们可以收缩字形集合,减小字体大小;将多个图标字体合并到一个文件中;还可以访问大量专业级的开源图标。
再者,Fontello 生成的图标字体有诸多优点,它是矢量图标,放大后不失真,浏览器支持较好,可以用 CSS 来控制大小、颜色、阴影等。但也有一些限制,不兼容 IE 浏览器,加载的文件容量相对较大,如果要考虑兼容性,可能需要加载更多的 CSS 文件。
Fontello 的使用方法如下:将下载后的图标字体压缩包解压,复制 font 目录到自己的项目下,在项目中引用,然后在 HTML 中写入类名引用。同时,若要更改 @font-face 参数,可使用 <your_font_name>-codes.css,并在外部文件中自定义 @fontface 规则。在网页的 html 中,添加<i class =“CLASSNAME”> </i> 以显示字体,CLASSNAME 可在 css 文件中查看。
fontello设计师不仅可以找到所需图标,还能挑选并编译成自己需要的一套,以后就可以用自己的一套网站素材了。结合目前的网络字体趋势,Fontello 上的图标元素定能为网页设计和开发带来极大的便利。