下载文档原格式
如何设置HTML 页⾯中⽂本的字体字体属性介绍CSS 中的字体属性是⼲什么的呢？字体字体肯定和字体有关咯，就是设置HTML 页⾯中⽂本的字体，CSS 中常⽤的字体属性有⼏种呢，笔者给⼤家梳理了下，⽐较常⽤的⼀共有5种，今天我们就看看这5种能给⽂本的字体带来什么效果呢。
CSS 字体属性定义⽂本的字体系列、⼤⼩、加粗、风格（如斜体）。
在CSS 中常⽤的字体属性有5种，如：font-style 、font-weight 、font-size 、font-family 、font 。
font-style 设置斜体font-style 属性主要是给⽂本设置斜体⽤的。
font-style 属性使⽤表值描述normal 将斜体字体恢复正常。
italic 设置字体为斜体。
让我们进⼊font-style 属性的实践，实践内容如：将HTML 页⾯中的p 标签的⽂本字体设置为斜体。
假如我们不使⽤font-style 属性,可不可将p 标签中的⽂本字体设置为斜体呢？，如果⼤家学习HTML 还可以，应该知道在HTML 当中有⼀个i 标签，i 标签的作⽤就是将⽂本的字体设置为斜体，⾃带的功能。
有点啰嗦了哈，给初学者普及下细节哦。
代码块结果图注意：使⽤font-style 属性可以将i 标签⾃带的斜体功能给去除掉，如：下⾯关键代码哦。
使⽤font-style 属性设置⽂本的字体为斜体。
代码块<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>设置字体为斜体</title></head><body><p>成功不是打败别⼈，⽽是改变⾃⼰。
font在html中的用法在HTML中，可以通过使用<font>标签来改变文本的字体样式。
<font>标签可以包裹在文本内容的开始和结束标签之间，并使用一些属性来定义字体的样式。
下面是<font>标签的用法：<font color="颜色值">文本内容</font>：将文本内容的颜色改为指定的颜色。
颜色值可以是预定义的名称（如"red"表示红色）或者是十六进制颜色代码（如"#FF0000"表示红色）。
<font size="数字">文本内容</font>：将文本内容的字体大小改为指定的数字。
数字的单位为像素。
<font face="字体名称">文本内容</font>：将文本内容的字体样式改为指定的字体。
字体名称可以是预定义的名称（如"Arial"表示Arial字体）或者是特定的字体系列（如"sans-serif"表示使用系统默认的无装饰字体）。
注意：虽然<font>标签在过去是用来改变文字风格的常用标签，但是根据HTML5的最新规范，<font>标签已经被废弃。
现在更推荐使用CSS样式来改变文本的字体样式。
例如，可以通过设置文本的颜色、字号和字体族来定义字体样式，而不是依赖于<font>标签。
拓展内容：除了<font>标签，CSS样式也可以用于改变文本的字体样式。
可以在HTML文件的<head>标签中使用<style>标签或者外部CSS 文件来定义文本的字体样式。
通过使用CSS样式可以实现更强大的字体样式控制，例如：<style>p {font-family: Arial, sans-serif;font-size: 16px;color: #000000;font-weight: bold;text-decoration: underline;}</style>上述代码中，定义了一个针对<p>标签的样式规则，将文本的字体样式改为Arial字体，字号为16像素，颜色为黑色，加粗加粗，底部加下划线。
font在HTML中的用法HTML（超文本标记语言）是一种用于创建网页的标记语言。
在HTML中，可以通过使用font标签来控制文本的字体、大小、颜色和样式等属性。
本文将详细介绍font标签在HTML中的用法，包括其属性和示例。
1. font标签基本语法font标签是一个行内元素，用于改变文本的显示效果。
其基本语法如下：<font[属性名="属性值"]>文本内容</font>其中，方括号内的部分表示可选项，你可以根据需要选择性地添加不同的属性来改变文本的样式。
2. font标签常用属性2.1 color属性color属性用于设置文本的颜色。
可以使用颜色名称、十六进制值或RGB值来指定颜色。
示例：<font color="red">红色文本</font><font color="#00ff00">绿色文本</font><font color="rgb(0,0,255)">蓝色文本</font>2.2 size属性size属性用于设置文本的大小。
可以使用相对大小（1-7）或绝对大小（像素值）来指定大小。
示例：<font size="4">较大字体</font><font size="6">很大字体</font><font size="18" face="Arial">特大字体</font>2.3 face属性face属性用于设置文本的字体。
可以使用系统默认字体或指定的字体名称。
示例：<font face="Arial">Arial字体</font><font face="宋体">宋体字体</font>2.4 bgcolor属性bgcolor属性用于设置文本的背景颜色。
html中的font设置字体html中font标签本身就是一个设置字体属性的标签，那么它的具体属性有哪些呢?下面由店铺为大家整理了html中的font设置字体的相关知识，希望对大家有帮助!html中font设置字体总结一、font标签语法与结构<font color="#FF0000"> 颜色</font>Font color设置文本颜色为红色“#FF0000” ，你可能想了解css 字体颜色：css color<font size="6"> 文字大小</font>Font size设置文本文字大小尺寸为6 ，你可能想了解css字体大小：css font-size<font face="微软雅黑">微软雅黑字体</font>Font face设置文本字体为“微软雅黑” ，你可能想了解css字体设置： css font-family二、Font标签说明常常我们在一个网页中直接使用font标签进行对文本设置文本字体、文本文字大小、文本颜色等样式。
三、Font应用案例html代码<font color="#FF0000"> 设置文本颜色</font><br /><font size="6"> 设置文本字体大小</font><br /><font face="微软雅黑">微软雅黑字体设置了文本字体</font> 补充：css5对于font直接设置网页文本样式标签总结1)、使用font size设置文字大小2)、使用html font标签face属性设置文字字体3)、使用html font color 设置文字颜色。
在HTML中，font-family标签是用来指定文本的字体族。
字体族是一组拥有相似外观特点的字体，包括字体的风格、粗细、间距等。
在网页设计中，正确使用font-family标签可以帮助我们实现更具吸引力和易读性的页面布局。
1. 字体族的选择在使用font-family标签时，我们应该首先考虑到用户的阅读习惯和习惯字体。
一般来说，中文网页中常用的字体族包括宋体、黑体、楷体等，而英文网页中常用的字体族包括Arial、Times New Roman、Verdana等。
2. 多字体族的设置为了确保网页在不同的操作系统和浏览器上显示效果一致，我们可以设置多个字体族作为备选，这样可以在第一选择的字体不存在时，自动切换至备选字体。
font-family: "微软雅黑", "Microsoft YaHei", simhei, "宋体";3. 字体族的通用设置除了指定具体的字体族外，我们还可以选择通用字体族作为备选。
通用字体族是可以在大多数设备上显示的字体，font-family: Arial, sans-serif; 表示如果用户设备上没有Arial字体，则显示默认的无衬线字体。
4. 字体族的优先级在设置多个备选字体族时，我们应该注意字体族的优先级，并结合用户的阅读习惯做出选择。
一般来说，中文字体族的优先级应高于英文字体族，同时应考虑字体的兼容性和版权情况。
总结来说，正确使用font-family标签可以帮助我们实现更美观、易读和兼容性良好的网页设计。
在选择字体族时，我们应该考虑用户的阅读习惯、多字体族的设置、通用字体族的选择和字体族的优先级，以此来确保网页的显示效果和用户体验。
个人观点：在进行网页设计时，正确使用font-family标签是非常重要的。
通过合理选择和设置字体族，可以使网页文本更美观、易读，并且提升用户体验。
也可以有效解决不同操作系统和浏览器带来的字体兼容性问题。
HTML语⾔语法⼤全<! - - ... - -> 註解<!> 跑⾺燈<marquee>...</marquee>普通捲動<marquee behavior=slide>...</marquee>滑動<marquee behavior=scroll>...</marquee>預設捲動<marquee behavior=alternate>...</marquee>來回捲動<marquee direction=down>...</marquee>向下捲動<marquee direction=up>...</marquee>向上捲動<marquee direction=right></marquee>向右捲動<marquee direction=’left’></marquee>向左捲動<marquee loop=2>...</marquee>捲動次數<marquee width=180>...</marquee>設定寬度<marquee height=30>...</marquee>設定⾼度<marquee bgcolor=FF0000>...</marquee>設定背景顏⾊<marquee scrollamount=30>...</marquee>設定滚动速度<marquee scrolldelay=300>...</marquee>設定捲動時間<marquee onmouseover="this.stop()">...</marquee>⿏标经过上⾯时停⽌滚动<marquee onmouseover="this.start()">...</marquee>⿏标离开时开始滚动<!>字體效果<h1>...</h1>標題字(最⼤)<h6>...</h6>標題字(最⼩)<b>...</b>粗體字<strong>...</strong>粗體字(強調) （同上效果略同）<i>...</i>斜體字<em>...</em>斜體字(強調)<dfn>...</dfn>斜體字(表⽰定義)<u>...</u>底線<ins>...</ins>底線(表⽰插⼊⽂字)<strike>...</strike>橫線<s>...</s>刪除線<del>...</del>刪除線(表⽰刪除)<kbd>...</kbd>鍵盤⽂字<tt>...</tt> 打字體<xmp>...</xmp>固定寬度字體(在⽂件中空⽩、換⾏、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執⾏標記符號)<listing>...</listing> 固定寬度⼩字體<font color=00ff00>...</font>字體顏⾊<font size=1>...</font>最⼩字體<font style =’font-size:100 px’>...</font>無限增⼤<!>區斷標記<hr>⽔平線<hr size=’9’>⽔平線(設定⼤⼩)<hr width=’80%’>⽔平線(設定寬度)<hr color=’ff0000’>⽔平線(設定顏⾊)<br>(換⾏)<nobr>...</nobr>⽔域(不換⾏)<p>...</p>⽔域(段落)<center>...</center>置中<!>連結格式<base href=位址>(預設好連結路徑)<a href=位址></a>外部連結<a href=位址 target=’_blank’></a>外部連結(另開新視窗)<a href=位址 target=’_top’></a>外部連結(全視窗連結)<a href=位址 target=’⾴框名’></a>外部連結(在指定⾴框連結)<!>貼圖/⾳樂<img src=圖⽚位址>貼圖<img src=圖⽚位址 width=’180’>設定圖⽚寬度<img src=圖⽚位址 height=’30’>設定圖⽚⾼度<img src=圖⽚位址 alt=’提⽰⽂字’>設定圖⽚提⽰⽂字<img src=圖⽚位址’ border=’1’>設定圖⽚邊框<bgsound src=MID⾳樂檔位址>背景⾳樂設定<!>表格語法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=圖⽚路徑>...</table>背景圖⽚的URL=就是路徑網址<table border=邊框⼤⼩>...</table>設定表格邊框⼤⼩(使⽤數字)<table bgcolor=顏⾊碼>...</table>設定表格的背景顏⾊<table borderclor=顏⾊碼>...</table>設定表格邊框的顏⾊<table borderclordark=顏⾊碼>...</table>設定表格暗邊框的顏⾊<table borderclorlight=顏⾊碼>...</table>設定表格亮邊框的顏⾊<table cellpadding=參數>...</table>指定內容與格線之間的間距(使⽤數字)<table cellspacing=參數>...</table>指定格線與格線之間的距離(使⽤數字)<table cols=參數>...</table>指定表格的欄數<table frame=參數>...</table>設定表格外框線的顯⽰⽅式<table width=寬度>...</table>指定表格的寬度⼤⼩(使⽤數字)<table height=⾼度>...</table>指定表格的⾼度⼤⼩(使⽤數字)<td colspan=參數>...</td>指定儲存格合併欄的欄數(使⽤數字)<td rowspan=參數>...</td>指定儲存格合併列的列數(使⽤數字)<!>分割視窗<frameset cols="20%,*">左右分割,將左邊框架分割⼤⼩為20%右邊框架的⼤⼩瀏覽器會⾃動調整<frameset rows="20%,*">上下分割,將上⾯框架分割⼤⼩為20%下⾯框架的⼤⼩瀏覽器會⾃動調整<frameset cols="20%,*">分割左右兩個框架<frameset cols="20%,*,20%">分割左中右三個框架<分割上下兩個框架<frameset rows="20%,*,20%">分割上中下三個框架<! - - ... - -> 註解<A HREF TARGET> 指定超連結的分割視窗<A HREF=#錨的名稱> 指定錨名稱的超連結<A HREF> 指定超連結<A NAME=錨的名稱> 被連結點的名稱<ADDRESS>....</ADDRESS> ⽤來顯⽰電⼦郵箱地址<B> 粗體字<BASE TARGET> 指定超連結的分割視窗<BASEFONT SIZE> 更改預設字形⼤⼩<BGSOUND SRC> 加⼊背景⾳樂<BIG> 顯⽰⼤字體<BLINK> 閃爍的⽂字<BODY TEXT LINK VLINK> 設定⽂字顏⾊<BODY> 顯⽰本⽂<BR> 換⾏<CAPTION ALIGN> 設定表格標題位置<CAPTION>...</CAPTION> 為表格加上標題<CENTER> 向中對⿑<CITE>...<CITE> ⽤於引經據典的⽂字<CODE>...</CODE> ⽤於列出⼀段程式碼<COMMENT>...</COMMENT> 加上註解<DD> 設定定義列表的項⽬解說<DFN>...</DFN> 顯⽰"定義"⽂字<DIR>...</DIR> 列表⽂字標籤<DL>...</DL> 設定定義列表的標籤<DT> 設定定義列表的項⽬<EM> 強調之⽤<FONT FACE> 任意指定所⽤的字形<FONT SIZE> 設定字體⼤⼩<FORM ACTION> 設定⼾動式表單的處理⽅式<FORM METHOD> 設定⼾動式表單之資料傳送⽅式<FRame MARGINHEIGHT> 設定視窗的上下邊界<FRame MARGINWIDTH> 設定視窗的左右邊界<FRame NAME> 為分割視窗命名<FRame NORESIZE> 鎖住分割視窗的⼤⼩<FRame SCROLLING> 設定分割視窗的捲軸<FRame SRC> 將HTML檔加⼊視窗<FRameSET COLS> 將視窗分割成左右的⼦視窗<FRameSET ROWS> 將視窗分割成上下的⼦視窗<FRameSET>...</FRameSET> 劃分分割視窗<H1>~<H6> 設定⽂字⼤⼩<HEAD> 標⽰⽂件資訊<HR> 加上分格線<HTML> ⽂件的開始與結束<I> 斜體字<IMG ALIGN> 調整圖形影像的位置<IMG ALT> 為你的圖形影像加註<IMG DYNSRC LOOP> 加⼊影⽚<IMG HEIGHT WIDTH> 插⼊圖⽚並預設圖形⼤⼩<IMG HSPACE> 插⼊圖⽚並預設圖形的左右邊界<IMG LOWSRC> 預載圖⽚功能<IMG SRC BORDER> 設定圖⽚邊界<IMG SRC> 插⼊圖⽚<IMG VSPACE> 插⼊圖⽚並預設圖形的上下邊界<INPUT TYPE NAME value> 在表單中加⼊輸⼊欄位<ISINDEX> 定義查詢⽤表單<KBD>...</KBD> 表⽰使⽤者輸⼊⽂字<LI TYPE>...</LI> 列表的項⽬ ( 可指定符號 )<MARQUEE> 跑⾺燈效果<MENU>...</MENU> 條列⽂字標籤<meta NAME="REFRESH" CONTENT URL> ⾃動更新⽂件內容<MULTIPLE> 可同時選擇多項的列表欄<NOFRame> 定義不出現分割視窗的⽂字<OL>...</OL> 有序號的列表<OPTION> 定義表單中列表欄的項⽬<P ALIGN> 設定對⿑⽅向<P> 分段<PERSON>...</PERSON> 顯⽰⼈名<PRE> 使⽤原有排列<SAMP>...</SAMP> ⽤於引⽤字<select >...</select > 在表單中定義列表欄<SMALL> 顯⽰⼩字體<STRIKE> ⽂字加橫線<STRONG> ⽤於加強語氣<SUB> 下標字<SUP> 上標字<TABLE BORDER=n> 調整表格的寬線⾼度<TABLE CELLPADDING> 調整資料欄位之邊界<TABLE CELLSPACING> 調整表格線的寬度<TABLE HEIGHT> 調整表格的⾼度<TABLE WIDTH> 調整表格的寬度<TABLE>...</TABLE> 產⽣表格的標籤<TD ALIGN> 調整表格欄位之左右對⿑<TD BGCOLOR> 設定表格欄位之背景顏⾊<TD COLSPAN ROWSPAN> 表格欄位的合併<TD NOWRAP> 設定表格欄位不換⾏<TD VALIGN> 調整表格欄位之上下對⿑<TD WIDTH> 調整表格欄位寬度<TD>...</TD> 定義表格的資料欄位<TEXTAREA NAME ROWS COLS> 表單中加⼊多少列的⽂字輸⼊欄<TEXTAREA WRAP> 決定⽂字輸⼊欄是⾃動否換⾏<TH>...</TH> 定義表格的標頭欄位<TITLE> ⽂件標題<TR>...</TR> 定義表格美⼀⾏<TT> 打字機字體<U> ⽂字加底線<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )<var>...</var> ⽤於顯⽰變數BlockQuotc⽂本缩进表⽰颜⾊的有三种⽅式；1，16进制颜⾊代码语法：#RRGGBB例：<font color="#ff0000">红⾊</font>2，10进制RGB码语法：RGB（RRR，GGG，BBB）例：<font color="rgb(255,000,000)">红⾊</font>3,直接⽤颜⾊的英⽂名称例：<font color="red">红⾊</font><body>.....</body>属性可分为三种：1，背景属性包括：bgcolor,background2,⽂字属性：包括：text,link,alink,vlink,3,留⽩属性：其中分为：leftmargin,topmargin.bgcolor背景⾊语法格式：<body bgcolor="#ff0000">.background背景图案。
设定字体大小、颜色、字型
有关设定文字的方法共有以下几种:
1.设定HTML文件主体文字颜色。
<BODY>...</BODY>标记。
如: <BODY TEXT=RED>...</BODY> 或
<BODY TEXT=#FF0000>...</BODY>
2.设定基本字体大小、颜色、字型。
<BASEFONT>...</BASEFONT>标记。
3.设定字体大小、颜色、字型。
<FONT>...</FONT>标记。
注意事项
1. 设定字体的大小分: 绝对SIZE 如: <FONT SIZE=4>
和相对SIZE 如: <FONT SIZE=+1> ( 以BASEFONT 设定的字体大小做加减)。
2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度( 00 暗~ FF 亮)。
#RRGGBB 所代表的是红、绿、蓝三原色，每一色由两位十六进制的数值表示( 即十进制0 ~ 255 )。
十六进制: 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。
3. 设定字体的字型会按照顺序找出显示的字型，若找不到则以系统预设字型显示。
1.2 文字的多样化修饰本文从文字的细节修饰入手，使读者能把握HTML的各种字体格式的变化，制作出更为专业的网页。
1.2.1 文字样式设置的基本标签—<font>设置字体样式的基本标签是<font></font>，被其包含的文本为样式作用区。
在初学者的HTML代码编写中，<font></font>容易被多重嵌套，如<font 属性1=值1><font 属性2=值2>文本</font></font>。
还有一种情况是标签嵌套错位，如<font><p>文本</font></p>。
为了规范代码的编写，避免不必要的错误，读者在初学时一定要谨慎。
1.2.2 设置文字的颜色color是<font></font>标签的属性之一，用于设置文字颜色。
在D:\web\目录下创建网页文件，命名为font_color.htm，编写代码如代码1.7所示。
代码1.7 字体颜色的设置：font_color.htm<html><head><title>字体颜色的设置</title></head><body>浅红色文字：<font color="#dd0000">HTML学习的本质就是该是什么就用什么</font><br />深红色文字：<font color="#660000">HTML学习的本质就是该是什么就用什么</font><br />浅绿色文字：<font color="#00dd00">HTML学习的本质就是该是什么就用什么</font><br />深绿色文字：<font color="#006600">HTML学习的本质就是该是什么就用什么</font><br />浅蓝色文字：<font color="#0000dd">HTML学习的本质就是该是什么就用什么</font><br />深蓝色文字：<font color="#000066">HTML学习的本质就是该是什么就用什么</font><br />浅黄色文字：<font color="#dddd00">HTML学习的本质就是该是什么就用什么</font><br />深黄色文字：<font color="#666600">HTML学习的本质就是该是什么就用什么</font><br />浅青色文字：<font color="#00dddd">HTML学习的本质就是该是什么就用什么</font><br />深青色文字：<font color="#006666">HTML学习的本质就是该是什么就用什么</font><br />浅紫色文字：<font color="#dd00dd">HTML学习的本质就是该是什么就用什么</font><br />深紫色文字：<font color="#660066">HTML学习的本质就是该是什么就用什么</font><br /></body></html>在浏览器地址栏输入http://localhost/font_color.htm，浏览效果如图1.7所示。
图1.7 字体颜色的设置读者不但可以从代码1.7中学到color属性在font标签中的用法，还可以熟悉各种颜色的表示方法。
1.2.3 设置文字的尺寸size也是<font></font>标签的属性，用于设置文字大小。
size的值为1-7，默认为3。
我们可以size 属性值之前加上“＋”、“－”字符，来指定相对于字号初始值的增量或减量。
在D:\web\目录下创建网页文件，命名为font_size.htm，编写代码如代码1.8所示。
代码1.8 字体尺寸的设置：font_size.htm<html><head><title>字体尺寸的设置</title></head><body>size为1：<font size="1">HTML学习</font><br />size为2：<font size="2">HTML学习</font><br />size为3：<font size="3">HTML学习</font><br />size为4：<font size="4">HTML学习</font><br />size为5：<font size="5">HTML学习</font><br />size为6：<font size="6">HTML学习</font><br />size为7：<font size="7">HTML学习</font><br /></body></html>在浏览器地址栏输入http://localhost/font_size.htm，浏览效果如图1.8所示。
图1.8 字体尺寸的设置读者可尝试在size值前面加上“＋”、“－”字符，更灵活地设置文字尺寸。
1.2.4 设置文字的字体face也是<font></font>标签的属性，用于设置文字字体（字型）。
HTML网页中显示的字型从浏览端的系统中调用，所以为了保持字型一致，建议采用宋体，HTML页面也是默认采用宋体。
在D:\web\目录下创建网页文件，命名为font_face.htm，编写代码如代码1.9所示。
代码1.9 字体字型的设置：font_face.htm<html><head><title>字体字型的设置</title></head><body>字型为宋体：<font size="5">沁园春·长沙-毛泽东</font><br />字型为楷体：<font size="5">沁园春·长沙-毛泽东</font><br />字型为黑体：<font size="5">沁园春·长沙-毛泽东</font><br />字型为隶书：<font size="5">沁园春·长沙-毛泽东</font></body></html>在浏览器地址栏输入http://localhost/font_face.htm，浏览效果如图1.9所示。
图1.9 字体字型的设置笔者把被修改字型部分的文字尺寸设置为5号，方便读者查看。
1.2.5 使文字倾斜用双标签<i></i>可使被作用文字倾斜，达到特殊的效果，例如文章的日期。
<em></em>被称为强调标签，也是斜体，目前使用比<i></i>标签更频繁，其编写方法如下：<i>这是斜体文字</i><em>这也是斜体文字</em>1.2.6 使文字加粗用双标签<b></b>可使被作用文字加粗，是文字更加醒目，例如文章的标题部分。
<strong></strong>被称为特别强调标签，也是文字加粗，目前使用比<b></b>标签更频繁，其编写方法如下：<b>这是粗体文字</b><strong>这也是粗体文字</strong>1.2.7 给文字加下划线用双标签<u></u>可添加下划线到被作用文字。
以下为文字倾斜、加粗和下划线的综合示例。
在D:\web\目录下创建网页文件，命名为font_style.htm，编写代码如代码1.10所示。
代码1.10 文字修饰的设置：font_style.htm<html><head><title>字体修饰的设置</title></head><body><font size="5">斜体：<em>沁园春·长沙-毛泽东</em><br />加粗体：<strong>沁园春·长沙-毛泽东</strong><br />下划线：<u>沁园春·长沙-毛泽东</u><br />斜体+加粗体+下划线：<em><strong><u>沁园春·长沙-毛泽东</u></strong></em></font> </body></html>在浏览器地址栏输入http://localhost/font_style.htm，浏览效果如图1.10所示。
图1.10 字体修饰的设置笔者把<body></body>内的所有文字尺寸设置为5号，方便读者查看。
