📅  最后修改于: 2020-12-16 05:54:15             🧑  作者: Mango
字体在使网站更加用户友好和提高内容可读性方面起着非常重要的作用。字体和颜色完全取决于用于查看页面的计算机和浏览器,但是您可以使用HTML 标记为网站上的文本添加样式,大小和颜色。您可以使用
字体标签具有三个属性,分别称为size,color和face,以自定义字体。要在您的网页中随时更改任何字体属性,只需使用标记。后面的文本将保持更改,直到您使用 font>标记关闭为止。您可以在一个标记内更改一个或所有字体属性。
注意-不推荐使用font和basefont标记,并且应该在将来的HTML版本中将其删除。因此,不应该使用它们,建议使用CSS样式来操纵字体。但仍出于学习目的,本章将详细解释font和basefont标签。
您可以使用size属性设置内容字体大小。可接受值的范围是1(最小)到7(最大)。字体的默认大小为3。
Setting Font Size
Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"
这将产生以下结果-
您可以指定比预设字体大多少个尺寸或少几个小尺寸。您可以像或
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
这将产生以下结果-
您可以使用face属性设置字体,但是请注意,如果查看页面的用户未安装字体,则他们将无法看到字体。而是,用户将看到适用于用户计算机的默认字体。
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
这将产生以下结果-
访客只有在计算机上安装了该字体后,才能看到您的字体。因此,可以通过列出用逗号分隔的字体名称来指定两个或多个字体。
加载页面后,他们的浏览器将显示第一个可用的字体。如果未安装任何给定的字体,则它将显示默认字体Faces New Roman 。
注意-检查HTML标准字体的完整列表。
您可以使用color属性设置任何喜欢的字体颜色。您可以通过颜色名称或该颜色的十六进制代码指定所需的颜色。
Setting Font Color
This text is in pink
This text is red
这将产生以下结果-
Setting Basefont Color
This is the page's default font.
Example of the Element
This is darkgray text with two sizes larger
It is a courier font, a size smaller and black in color.
这将产生以下结果-