![HTML5/CSS3/JavaScript技术大全](https://wfqqreader-1252317822.image.myqcloud.com/cover/181/33894181/b_33894181.jpg)
上QQ阅读APP看书,第一时间看更新
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所示。
![47140-00-047-1.jpg](https://epubservercos.yuewen.com/697680/18124350008478606/epubprivate/OEBPS/Images/47140-00-047-1.jpg?sign=1738865343-i6PIx2kaq7MjLjCUK9Dfil0K0q7yaAQ4-0-2b2822bbc6f62aedc2853baec68dc675)
图3-10 字体属性设置