姗姗来迟的中文Webfont 所属栏目:WebFont 17年11月10日 标签:

盘点过去,你所看到的字体大多说都是较简单的。

Webfont技术可以让网页使用在线字体,而无需使用图片,在国外非常流行,由于中文的特殊情况,有几个难题一直没搞定,现在在国内几位技术大牛的努力下,终于有了一款神器。

QQ截图20171110085413.png

“如果设计师希望用图片实现某个字体样式,而从技术的角度来说这样不合理,但设计师非常坚持,这时候你怎么办?”

我会给设计师讲解工程上面临的问题,争取他理解。例如:如果文本使用图片,以腾讯站点的访问量来说,这里会需要消耗大量的服务器资源,至少需要增加 XXX 台服务器,带宽流量消耗 XXX 万”。

这是一段真实的面试场景,而我就是那位被面试者。这些年 Web 前端技术在迅猛的发展,这样的问题已经有了解决方案——WebFont,如果再回到当年面试的场景,我会给出更好的答案。

WebFont 技术可以让网页使用在线字体,而无需使用图片,从而有机会解决开头设计师提到的问题。它通过 CSS 的@font-face语句引入在线字体,使用 CSS 选择器指定运用字体的文本,与此同时专用于 Web 展示的 woff 格式字体也得到各大浏览器厂商支持,进一步减少了字体的体积。在国外,WebFont 已经非常流行了,大量的网站使用了 WebFont 技术,而业界大佬 Google 也顺势推出的免费 WebFont 云托管服务,这一切均带动了国外字体制作行业的高速发展。

QQ截图20171110103015.png

相对图片,Webfont有如下优势:

  1. 支持选中、复制

  2. 支持Ctrl+F查找

  3. 对搜索引擎友好

  4. 支持工具翻译

  5. 支持无障碍访问,支持朗读

  6. 字体是矢量图形,支持矢量缩放,自动适配高清屏

  7. 文本修改方便

  8. 字形可以重复利用,节省网络资源

QQ截图20171110094852.png

你所不知道的Webfont就是有这么多的特色,快速访问逐浪字体网:www.ziti163.com了解更多。

 

手机扫码浏览更方便: