CSS中,我們可以使用多種方法將字體添加到盒子中,以下是一些常見的做法:
1. 使用`font-family`屬性:這是***常見的添加字體的方法,你可以指定一個(gè)或多個(gè)字體名稱,瀏覽器會(huì)嘗試使用***個(gè)可用的字體。
```css
div {
font-family: "Arial", "Helvetica", "sans-serif";
```
2. 使用`@font-face`規(guī)則:這個(gè)規(guī)則允許你加載和使用計(jì)算機(jī)上未安裝的字體,你可以加載并使用Google Fonts提供的字體。
```css
@font-face {
font-family: "MyFont";
src: url("https://html4.cn/myfont.woff2") format("woff2");
div {
font-family: "MyFont", "Arial", "Helvetica", "sans-serif";
```
3. 使用CSS的`font`屬性:這個(gè)屬性是`font-family`、`font-size`、`font-style`、`font-weight`和`line-height`的快捷方式。
```css
div {
font: 16px/1.5 "Arial", "Helvetica", "sans-serif";
```
4. 使用HTML的````
5. 使用外部CSS文件:將CSS樣式寫入一個(gè)外部文件中,然后在HTML文檔中引用該文件,這種方法在大型項(xiàng)目中非常有用,可以保持樣式的集中管理。
在`styles.css`文件中:
```css
div {
font-family: "Arial", "Helvetica", "sans-serif";
```
在HTML文檔中:
```html
```
這些方法可以幫助你在CSS中輕松添加和管理字體,選擇***適合你的項(xiàng)目的方法,并根據(jù)需要調(diào)整字體樣式。