HTML 字体

时间:2019-06-08 23:19:24  来源:igfitidea点击:

HTM使用<font>标记为网站上的文本添加样式、大小和颜色。
我们可以使用<basefont>标记将所有文本设置为相同的大小、面和颜色。

字体标记有三个属性,分别叫做size、color和face来定制字体。

注意 font和basefont标记已被弃用,在未来的HTML版本中应该将其删除。所以不应该使用它们,而是建议使用CSS样式来操作字体。

设置字体大小

可以使用“size”属性设置内容字体大小。可接受值的范围为1(最小)到7(最大)。字体的默认大小是3.

<body>
   <font size = "1">字体大小= "1"</font><br />
   <font size = "2">字体大小= "2"</font><br />
   <font size = "3">字体大小= "3"</font><br />
   <font size = "4">字体大小= "4"</font><br />
   <font size = "5">字体大小= "5"</font><br />
   <font size = "6">字体大小= "6"</font><br />
   <font size = "7">字体大小= "7"</font>
</body>

相对字体大小

我们可以指定比预设字号大或小多少号的字体。

<body>
   <font size = "-1">字体大小= "-1"</font><br />
   <font size = "+1">字体大小= "+1"</font><br />
   <font size = "+2">字体大小= "+2"</font><br />
   <font size = "+3">字体大小= "+3"</font><br />
   <font size = "+4">字体大小= "+4"</font>
</body>

设置字体字体

我们可以使用face属性设置字体外观。如果用户没有安装字体,则将看到浏览器的默认字体。

<body>
   <font face = "Times New Roman" size = "5">字体Times New Roman</font><br />
   <font face = "Arial" size = "5">字体VerdanaArial</font><br />
   <font face = "sans-serif" size = "5">宋体</font><br />
   <font face = "Microsoft YaHei" size = "5">字体微软雅黑</font><br />
</body>

指定替换字体

只有在计算机上安装了字体,访问者才能看到你的字体。因此,可以通过列出用逗号分隔的字体名来指定两个或多个字体面替代项。

<font face = "arial,helvetica">
<font face = "Arial,PingFang SC,Microsoft YaHei,sans-serif">

当你的页面被加载时,他们的浏览器将显示第一个可用的字体。
如果没有安装任何给定的字体,那么它将显示默认字体。

设置字体颜色

我们可以使用color属性设置我们喜欢的任何字体颜色。

<body>
   <font color = "#FF00FF">粉色字体文本</font><br />
   <font color = "red">红色字体文本</font>
</body>

<basefont>元素

<basefont>元素用于设置默认字体大小、颜色和字体。我们可以使用<font>元素覆盖<basefont>设置。

<basefont>标记还具有color、size和face属性,它将支持相对字体设置。

   <body>
      <basefont face = "arial, verdana, sans-serif" size = "2" color = "#ff0000">
      <p>这是默认字体</p>
      
      <p><font size = "+2" color = "darkgray">
            这是深灰色,大2号的字体
         </font>
      </p>

      <p><font face = "Microsoft YaHei" size = "-1" color = "#000000">
            这是微软雅黑字体,并且小一号,黑色字体。
         </font>
      </p>
   </body>