CSS文字字体设置
时间: 2023-07-04 10:22:58 浏览: 55
在CSS中设置字体有以下几种方式:
1. 使用通用字体族名,如serif、sans-serif、monospace等。例如:
```
font-family: serif;
```
2. 使用特定字体的名称,多个字体名称之间用逗号隔开。例如:
```
font-family: "Times New Roman", Times, serif;
```
3. 使用web字体,通过@font-face引入自定义字体。例如:
```
@font-face {
font-family: "MyFont";
src: url("myfont.woff") format("woff");
}
body {
font-family: "MyFont", Arial, sans-serif;
}
```
其中,MyFont是自定义字体的名称,myfont.woff是字体文件的路径。
4. 使用Google Fonts等在线字体库提供的字体。例如:
```
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
body {
font-family: 'Open Sans', sans-serif;
}
```
其中,Open Sans是在线字体库提供的字体名称。
相关问题
css文字高度怎么设置
在CSS中,我们可以通过`line-height`属性来设置文字的高度。`line-height`表示行高,也就是每一行文字的高度,可以设置一个具体的像素值或者一个无单位的数值,表示当前文字的字体大小的倍数。例如,如果当前文字的字体大小为16px,我们可以设置`line-height: 1.5`,这样每一行文字的高度就为24px(16px * 1.5)。
示例代码如下:
```css
p {
font-size: 16px; /* 文字的字体大小 */
line-height: 1.5; /* 行高,倍数或具体像素值 */
}
```
如果想要文字垂直居中,可以将`line-height`属性的值设置为和容器高度相等的值,然后将文字的`vertical-align`属性设置为`middle`。例如:
```css
.container {
height: 100px; /* 容器高度 */
line-height: 100px; /* 行高等于容器高度 */
}
.container p {
vertical-align: middle; /* 文字垂直居中 */
}
```
css文字怎么设置白色
你可以使用 CSS 的 `color` 属性来设置文字的颜色,将它设置为白色可以使用以下代码:
```css
color: white;
```
你可以将这段代码添加到你的 CSS 样式表中,或者直接将它应用于相应的 HTML 元素,例如:
```html
<p style="color: white;">这是白色文字。</p>
```