### 1. 使用内联样式更改字体
内联样式是直接在HTML标签中使用`style`属性定义样式,以下是一个简单的例子:
```html
```
在这个例子中,我们设置了以下字体样式:
- `font-family`: 定义字体类型,这里使用的是Arial字体,如果Arial字体不可用,则使用默认的无衬线字体(sans-serif)。
- `font-size`: 定义字体大小,这里设置为16像素。
- `color`: 定义字体颜色,这里设置为蓝色。
### 2. 使用内部样式表更改字体
内部样式表是在HTML文件的``部分使用````
在这个例子中,我们通过创建一个名为`.div-style`的类选择器,为`- 字体类型为“Times New Roman”,如果不可用,则使用“Times”,最后使用默认的衬线字体(serif)。
- 字体大小为20像素。
- 字体颜色为绿色。
### 3. 使用外部样式表更改字体
外部样式表是将CSS样式定义在一个单独的文件中,然后在HTML文件中通过``标签引入,以下是一个例子:```css
/* styles.css */
.div-style {
font-family: 'Courier New', Courier, monospace;
font-size: 18px;
color: red;
```
在HTML文件中:
```html
```
这里,我们创建了一个名为`styles.css`的外部样式表文件,并在其中定义了`.div-style`类的样式。
### 4. 使用网络字体
除了使用系统字体外,我们还可以使用网络字体,通过Google Fonts等服务,可以轻松地将网络字体应用到我们的项目中,以下是一个例子:
```html
```
在这个例子中,我们通过Google Fonts引入了“Open Sans”字体,并在`.div-style`类中选择器中应用了该字体。
### 技巧
- 选择合适的字体类型和大小,以增强页面可读性。
- 考虑使用网络字体,以丰富页面视觉效果。
- 通过外部样式表管理样式,使HTML代码更加简洁。
- 使用合适的颜色搭配,提高页面美感。
通过以上方法,您就可以轻松地在HTML的`