css字体

在CSS中设置字体有以下几种方式：

1. `font-family`属性：用于设置字体的名称，可以设置多个字体，按照优先级依次显示。

例如，设置字体为宋体：

body {
  font-family: SimSun, Arial, sans-serif;
}

2. `font-size`属性：用于设置字体的大小，可以使用像素(px)、百分比(%)、点数(pt)等单位。

例如，设置字体大小为16像素：

body {
  font-size: 16px;
}

3. `font-weight`属性：用于设置字体的粗细，常用值有normal、bold、bolder、lighter和数值（100-900）。

例如，设置字体加粗：

body {
  font-weight: bold;
}

4. `font-style`属性：用于设置字体的风格，常用值有normal、italic、oblique。

例如，设置字体为斜体：

body {
  font-style: italic;
}

5. `text-decoration`属性：用于设置字体的下划线、删除线等效果，常用值有none、underline、overline、line-through。

例如，设置字体有下划线：

body {
  text-decoration: underline;
}

这些属性可以组合使用，以达到更好的字体效果。

相关问题

CSS文字字体设置

在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 文字气泡，可以参考以下步骤：

1. 创建一个带有背景颜色的 div 元素，用于容纳气泡中的文本内容。
2. 使用 CSS 的伪元素 ::before 或 ::after 创建一个三角形，作为气泡的尾部。
3. 设置 div 元素和伪元素的样式，例如边框、圆角、位置等。
4. 使用 CSS 的 position 和 z-index 属性对气泡进行定位和层级控制。

以下是一个简单的 CSS 文字气泡示例代码：

<div class="bubble">这是一个气泡</div>

.bubble {
  position: relative;
  display: inline-block;
  padding: 10px;
  background-color: #f7f7f7;
  border-radius: 10px;
}

.bubble::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #f7f7f7 transparent;
}

通过上述代码，可以创建一个带有尾部三角形的 CSS 文字气泡。你可以根据需要修改样式和位置，并添加动画效果等。