html - 如何查找、导入和使用特定字体？

Question

我正在尝试查找并导入一个名为 neontubes 的字体，但失败了，一个名为 freestyle script 的字体。据我所知，我需要一个 src 我会把它放在我的 style.css 中，然后通过 style .div {font-family: foobar;} 选择它那么，不仅这两种字体类型的列表，而且所有带有 src 的字体类型的列表在哪里？

Answer 1

将所需的字体文件保存并下载到一个文件夹中。在你的样式表中写下以下内容，

@font-face {
  font-family: "foobar";
  src: url("specify the location of your font files") format("specify font format");
}

.div {font-family: foobar};

要使用谷歌字体，有两种方法可以做到这一点

在 html 中链接 url 并在您的 css 文件中提及字体系列。

link href="https://fonts.googleapis.com/css?family=*family-name*" rel="stylesheet"

并在你的 css 文件中提及以下内容

font-family: *family-name-given-in-the-link*;

第二种方法是直接在您的 css 文件中提供 url

@import url('https://fonts.googleapis.com/css?family= *family-name*');

在同一个css文件中提及以下内容

font-family: *family-name-given-in-the-link*;