Web Fonts研究与应用
摘要：在网页设计中，目前显示的字体类型都是操作系统所支持的字体，如何能使网页支持更多的字体类型，尤其是中文字体类型，是一个尚待解决的问题。本文介绍了现有的主要web fonts解决方案，包括@fontface、cufon、google font api，比较了这些方案的优缺点。
关键词：网页字体  网页设计
中图分类号：tp202        文献标识码：a        文章编号：1672-3791（2012）09（b）-0022-01
随着互联网的应用，人们对界面设计和用户体验有了更高的要求，因此，网页设计人员希望在进行界面设计的时候能够使用更多的字体类型，使浏览效果更加美观。然在网页设计中，目前显示的字体类型都是操作系统所支持的字体，由于这个限制，加上浏览器所依赖的操作系统各不相同，只有少数几种通用的字体才能显示在浏览器中，例如英文字体中的times new roman，中文字体中的宋体、黑体等，这给网页设计人员带来了很大的限制。设计人员为了使用更多的字体类型，最常用的办法是把文字做成图片，这样做有很多缺陷，这样做有几个
明显缺陷：（1）不能大范围使用该字体；（2）图片内容相对使用文字不易修改；（3）不利于网站被搜索，因为主流搜索引擎不会将图片中包含的文字内容作为判断网页内容相关性的有效因素。
鉴于以上缺陷，近年来出现了多种web fonts 技术，旨在为网页设计人员提供更多的字体支持，常见的有@font-face、cufon、google font api等，这些方案得到主流浏览器的支持；与此同时typeki之类的收费和免费网络字体也开始不断出现。
1  web fonts的主要解决方案
1.1 @font-face属性
svg canvas
@font-face是所有解决方案中受到关注最多的，在css2的特性中就包含，直到css3中才广泛使用，可以不再依赖于flash、php，渲染的是真正的字体，而不是向量对象或图片，因此文本可以被选择、放大，使用css修改样式。其通过加载服务器端的字体文件把特殊的网页字体嵌入到所需网页中，呈现给用户。网页设计人员要做的工作有以下几方面。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。