使用在线字体有何优点和弊端?


请问各位大大,怎么看在线字体的使用,你认为有什么优点弊端?

本来问题标题准备写《使用在线字体有何弊端?》的,但是考虑这样不方便大家畅所欲言,所以把优点也加进来了。想看看大家是怎么看待在线字体的。

web web前端开发 前端 字体 前端设计

314200 10 years, 8 months ago

你的问题也没说清楚, 不知你是把在线字体和什么比较 , 是和“本地字库” , 还是和“图片”比较,因为“本地字库”没啥好说的,假设你问的是与“图片”比较。

优点们:

  • 显而易见的好处是更多的字体,给了设计更多选择。同时字体文件是矢量的,单纯放大缩小理论上对显示效果没有影响,我们使用CSS去约束它的尺寸总比设计完图片再改变大小要方便。值得一提的是字体文件在retina屏幕上如此完美,圆滑细腻的边线简直比图片都好看。使用字体,还可以方便用户点选文字,对搜索引擎也更友好。
  • 使用在线字体去增强web显示效果,有许多在线服务提供字体CDN的,例如 Google Fonts 。目前集中在拉丁语系,英语为主,其它语种字型数量多,例如汉语动辄几千,一套字体文件囊括这些字型之后体积十分大,不方便在线传输,这里也有很多解决方案,例如把你要加载的文字以query形式传给后台,动态语言接到指令之后命令行调用一些开源项目,把需要的字从字库中切割出来合并成小字库传出来,不多传任何一个用不到的字符。
  • 我观察最近两年web设计的一个趋势是基础框架中尽可能的少使用图片(这一点在流行的CSS框架Bootstrap 3中已经得到体现),聪明的人早就已经开始使用字体文件去代替站点里的一个个小图标,他们称作“icon font”,兼容绝大多数的终端、更快的开发速度(不用写CSS sprite了)等很多优点。具体自己看阿里的 阿里iconfont icomoon ,类似站点很多。

可以分场景绕过的弊端:

  • 网络开销,不过对于英文字体那极小的体积和客户端缓存来说根本没啥。
  • 纯色字体对设计的限制,即便是结合 CSS3 的特性,也只能做到一些简单的渐变、透明度,对于色系比较多的小图标来讲,使用字体文件限制还是很大。 幸运的是最近似乎许多人对纯色渐渐情有独钟、微软的Metro风格、iOS的扁平化等等不一而足,如果设计理念类似,那么使用字体文件对设计也没什么影响。
  • 在线项目都涉及到版权问题,不管你是提供还是用,最好搞清楚授权协议再去操作,尊重作者成果。

我自己非常喜欢在线字体,无论是做web还是native、无论是设计还是内容,都是非常好的补充,如果你知道该怎么用,什么时候用的话。

我是鬼太郎 answered 10 years, 8 months ago

Your Answer