Html div中文本的自定义字体

我有一个自定义字体，我需要在里面使用

项目/资产/字体/字体.ttf

css文件在里面

project/css/style.css

html代码段是：

<div class="text"> title </div>

---

但这是行不通的。也就是说，文本以默认字体显示。这里有什么问题？

首先，您可能需要考虑使用许多<代码> > TTF 到<代码> .WOFF < /COD>在线转换器，如<代码>。WOFF 是一个更友好的Web格式。 第二，您需要在开始使用之前声明字体。这可以在CSS中完成，如下所示：

@font-face {
    font-family: myFont;
    src: url('../assets/fonts/font.ttf');
}

.text {
    width: 33.3%;
    float:left;
    font-family: myFont;
}

---

关于

.woff

建议：

WOFF是一种用于网页的字体格式。它是在2009年开发的，现在是W3C推荐的。WOFF本质上是带有压缩和附加元数据的OpenType或TrueType。目标是在带宽受限的网络上支持从服务器到客户端的字体分发

---

来源：

如果您使用错误的字体，请使用：

然后像使用其他字体一样使用字体：

.text{
  width: 33.3%;
  float:left;
  font-family: testFont;
}

---

首先需要使用在CSS中导入此字体，如：

@font-face {
  font-family: MyFont;
  src: url('myfont.ttf');
}

然后将其用作元素中的字体，如：

.text{
  width: 33.3%;
  float: left;
  font-family: MyFont;
}

---

希望这有帮助

这只是一个例子吗？没有称为字体的字体。ttf@MikeOP正试图使用

src

将其字体文件

font.ttf

声明为新字体，并将其命名为

font

。

@font-face {
  font-family: MyFont;
  src: url('myfont.ttf');
}

.text{
  width: 33.3%;
  float: left;
  font-family: MyFont;
}