📜  如何在HTML中更改字体(1)

📅  最后修改于: 2023-12-03 14:52:43.248000             🧑  作者: Mango

如何在HTML中更改字体

在HTML中,我们可以使用CSS(Cascading Style Sheets)来更改字体。

使用<style>标签

我们可以使用<style>标签来改变字体。在HTML文件的<head>标签中,可以添加以下代码:

<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}
</style>

在这个例子中,我们使用CSS的font-family属性来设置整个文档的字体为Arial,如果不可用,则使用Helvetica,如果不可用,则使用sans-serif。

使用外部CSS文件

我们也可以将样式定义放入外部CSS文件中,这样可以减少HTML文件的大小,并可以让多个HTML文件共享相同的样式。首先,我们需要创建一个CSS文件(例如style.css),并将以下代码添加到其中:

body {
  font-family: Arial, Helvetica, sans-serif;
}

接下来,我们需要在HTML文件中链接到这个CSS文件。我们可以通过在HTML文件的<head>标签中添加以下代码来链接到CSS文件:

<link rel="stylesheet" type="text/css" href="style.css">

在这个例子中,type属性定义样式表的MIME类型为text/css,href属性指定了外部CSS文件的位置。

更改特定元素的字体

我们也可以使用CSS来更改特定元素的字体。例如,如果我们想更改<p>元素的字体,可以将CSS代码修改为:

p {
  font-family: Arial, Helvetica, sans-serif;
}

在这个例子中,我们使用了CSS的选择器来选择所有<p>元素并将字体更改为Arial,如果不可用,则使用Helvetica,如果不可用,则使用sans-serif。

总结

通过使用CSS,我们可以在HTML中改变字体。我们可以使用<style>标签或外部CSS文件来定义样式,并可以使用CSS的选择器来更改特定元素的字体。