Web-Font与@font-face属性_HTML5中文网 - 中国领先的HTML5技术门户
2013-10-15 22:13:01
[小 大]
已经帮助：人解决问题
在CSS3中，新增了Web Fonts功能，使用这个功能，网页中可以显示服务器端的字体。只要某个字体在服务器端已经安装，网页中就可以正常显示。
在网页中显示服务器端字体
在CSS3中，可以使用@font-face属性来调用服务器端字体。@font-face属性的使用方法如下：
@font-face { font-family:WebFont; src:url('font/Fontin_Sans_R_45b.otf') format("opentype");}在上面的代码中，font-family属性值中使用“WebFont”声明使用服务器端字体。
在src属性中，指定服务器端字体文件的路径，在format属性中声明字体文件格式，可以省略文件格式的声明单独使用src属性值。
转对元素使用服务器端字体的时候，需要在元素样式中将font-family属性值指定为WebFont。
目前，可以使用的文件格式为OpenType文件格式和TrueType文件格式，使用OpenType格式是将format属性值设置为opentype，使用TrueType文件格式时，将format属性值设置为truetype。
定义斜体或粗体的时候，需要根据情况使用不同的服务器端字体文件。
（责任编辑：）
