CSS3文本与图标中用来设置字体风格的是
时间: 2024-10-25 11:15:42 浏览: 10
在CSS3中,用来设置文本风格的主要属性有以下几个:
1. `font-family`: 定义了元素的字体系列,可以指定一系列备选字体,浏览器会按照顺序寻找可用的字体。
2. `font-style`: 设置文本的样式,包括`normal`(常规)、`italic`(斜体)和`oblique`(倾斜,通常是通过`font-style: oblique;`指定角度)。
3. `font-weight`: 控制文本的粗细,可以是预设值如`bold`(粗体)、`normal`、`lighter`等,也可以是数字表示相对粗细(比如400到900),或者是`bolder`和`lighter`。
4. `text-transform`: 改变字母的大小写形式,如`uppercase`(大写)、`lowercase`(小写)或`capitalize`(首字母大写)。
5. `letter-spacing` 和 `word-spacing`: 分别调整字符间的间距和单词间的间距。
6. 对于图标,CSS中通常使用`@font-face`规则从字体文件引入自定义图标,然后通过`font-family`引用这些图标,并使用`content`属性将它们插入到元素的内容区域,形成“伪元素”来显示图标。
例如:
```css
h1 {
font-family: 'MyCustomFont', sans-serif;
font-style: italic;
font-weight: bold;
text-transform: uppercase;
}
```
对于图标,可以这么用:
```css
.icon {
display: inline-block;
font-family: 'custom-icons';
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f007'; /* 这里是字体文件中的某个图标ID */
}
```
阅读全文