在网页中使用字体

Question

当我在我的网页上使用字体时，我要么使用 Google 字体，要么使用我系统上安装的字体。我想知道，是否有可能将一个包含字体的文件夹保存在与索引文件相同的文件夹中，并在网页中使用这些字体而无需在系统上安装它们。

Answer 1

您可以在您的 html 和 css 的服务器上使用网络字体，方法是在您的 css 文件中引用它们：

@font-face {
    font-family: "myFont";
    src: url("myFont.ttf");
}

然后您就可以像使用 google 网络字体一样使用它了：

html {
    font-family: "Bitstream Vera Serif Bold", serif;
}

可以在 MDN.

上找到更多信息和示例（包括我使用的那些）

Using fonts in a webpage