CSS字体 样式属性 字体风格、字体综合属性、设置服务器端字体 分别有哪些属性 以及 取值说明
时间: 2024-10-15 16:30:09 浏览: 18
CSS的字体样式属性主要包括以下几个方面:
1. **`font-family`**:这是最重要的字体属性,用于指定文本的字体系列。可以使用单一字体名、逗号分隔的字体列表(如果用户系统中有这些字体),或者使用`<family-name>`或`<generic-family>`的形式,比如 `serif`, `sans-serif`, `fantasy`, `monospace`。
示例:
```css
font-family: "Arial", sans-serif;
```
2. **`font-style`**:控制字体的风格,可以取值`normal`, `italic`, 或者`oblique`(斜体)。`oblique`并不是真实意义上的倾斜,而是相对于`italic`的一种视觉效果。
```css
font-style: italic;
```
3. **`font-weight`**:调整字体的粗细程度,取值有预设的`lighter`, `normal`, `bold`, `bolder`, 数字(如`400`, `700`),或者百分比形式。其中`bold`和`bolder`通常代表加重,而`lighter`表示变轻。
```css
font-weight: bold;
```
4. **`font-size`** 和 **`line-height`**:设置字体大小和行高。`font-size`接受绝对单位(像素、em等)、相对单位(百分比)或`xx-small`, `x-small`, `small`, `medium`, `large`, `x-large`, `xx-large`这样的关键字。
```css
font-size: 16px;
line-height: 1.5;
```
5. **`font-stretch`**:可选的属性,用于改变字体的宽度,常见取值有`ultra-condensed`, `extra-condensed`, ..., `expanded`, `ultra-expanded`。
6. **`text-align`**: 设置文本对齐方式,如`left`, `right`, `center`, `justify`等。
至于设置服务器端字体,这更多是在HTML中通过`<link rel="stylesheet" href="server-side-font.css">`引用远程或本地CSS文件来实现,而不是直接在CSS中设置。这些字体只会在用户的浏览器支持的情况下显示,不受服务器控制。
阅读全文