Question

嘿，有人可以向我介绍如何向HTML类添加字体吗？我正在看教程，而那部分被跳过了，我很困惑他的所作所为。有一个包含不同元素的box类，他正试图在跳过之前添加字体样式。

这是HTML和CSS，不包括<head>和<body>标签：

.body {
  Background-color: red;
}

.box {
  Width: 174px;
  Height: 250px;
  Background: yellow;
  Width: 25px Padding:20px;
}

.true {
  Background-color: brown;
}

.true2 {
  Background-color: green
}

<Div class="box true"> this is an example</Div>
<Div class="box true2> parenthesis</Div>

Answer 1

在您的类中使用font-family样式，MDN文档：https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

示例：

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

Answer 2

您还可以像这样添加自定义字体：

@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

然后在需要时仅使用font-family: myFirstFont;。

如何在类中添加字体

2 个答案: