📅  最后修改于: 2023-12-03 15:15:33.107000             🧑  作者: Mango
在网页设计中,字体的使用是非常重要的,它可以决定网页的整体风格和效果。HTML 和 XHTML 提供了多种字体的设置方法,程序员可以根据需要选择合适的方式来设置字体。本文将介绍 HTML 和 XHTML 中标准字体的设置方法。
在 HTML 中,可以通过在 <body> 标签中设置 font-family 属性来设置网页的默认字体。示例代码如下:
<body style="font-family: Arial, sans-serif;">
在上述代码中,首先指定了 Arial 字体,如果用户没有安装 Arial 字体,则会使用默认的 sans-serif 字体。
此外,也可以在 HTML 中使用 <font> 标签来设置字体。不过因为该标签已经被弃用,建议不要使用该方法。示例代码如下:
<p><font color="red" size="5" face="Arial">Hello World!</font></p>
在上述代码中,设置了字体的颜色为红色,字号为 5,字体为 Arial。
在 XHTML 中,不再支持 <font> 标签。取而代之的是通过 CSS 样式表来控制网页的样式。示例代码如下:
<head>
<style type="text/css">
body {
font-family: Arial, sans-serif;
}
h1 {
font-size: 24px;
color: red;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
在上述代码中,通过 <style> 标签定义了两个样式:body 样式和 h1 样式。body 样式设置了默认字体为 Arial;h1 样式设置了标题字体大小为 24 像素,颜色为红色。
总结一下,HTML 和 XHTML 标准字体的设置方法有以下几种:
建议优先使用 CSS 样式表来设置字体,使网页样式更加规范和易于维护。