📜  HTML-字体

📅  最后修改于: 2020-12-16 05:54:15             🧑  作者: Mango


字体在使网站更加用户友好和提高内容可读性方面起着非常重要的作用。字体和颜色完全取决于用于查看页面的计算机和浏览器,但是您可以使用HTML 标记为网站上的文本添加样式,大小和颜色。您可以使用标记将所有文本设置为相同的大小,外观和颜色。

字体标签具有三个属性,分别称为size,colorface,以自定义字体。要在您的网页中随时更改任何字体属性,只需使用标记。后面的文本将保持更改,直到您使用标记关闭为止。您可以在一个标记内更改一个或所有字体属性。

注意-不推荐使用fontbasefont标记,并且应该在将来的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属性设置任何喜欢的字体颜色。您可以通过颜色名称或该颜色的十六进制代码指定所需的颜色。

注意-您可以检查带有代码HTML颜色名称的完整列表。

Setting Font Color
   
    
   
      This text is in pink
This text is red

这将产生以下结果-

元素

元素应该为文档的未包含在标记中的任何部分设置默认字体大小,颜色和字体。您可以使用元素覆盖设置。

标记还具有颜色,大小和面部属性,并且将通过为较大的大小给size值提供+ 1或为较小的两个大小给-2值来支持相对字体设置。

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.

这将产生以下结果-