- HTML5/CSS3/JavaScript技术大全
- 曹衍龙 汪杰
- 226字
- 2021-04-01 18:49:12
3.3.1 字体属性face❹
可以通过字体的face属性设置不同的字体，设置的字体必须在操作系统中安装后才可以正确显示，否则有些特殊字体会被浏览器中的普通字体所替代。
语法格式：
<font face="字体样式">…</font>
语法说明：
face属性用于定义<font>标签中的文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体，则使用该字体显示。
应用举例（font_face.html）：
<html> <head> <meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> <title>使用字体属性</title> </head> <body> <p><font face="隶书">《相思》</font></p> <p><font face="宋体">红豆生南国， 春来发几枝</font></p> <p><font face="方正姚体">愿君多采撷， 此物最相思。</font></p> </body> </html>
代码说明：
以上代码中，加粗的部分利用face属性设置文字字体。
在Chrome浏览器中显示效果如图3-10所示。
图3-10 字体属性设置