Question

我试图找到并导入名为if (! $request->user()->identification->verified)的字体，但是失败了，名为neontubes的字体。据我了解，我需要将freestyle script放置在style.css中，然后通过样式src进行选择那么，不仅这两种字体类型而且所有带有.div {font-family: foobar;}的字体列表在哪里？

Answer 1

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

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

.div {font-family: foobar};

要使用Google字体，您可以通过两种方式进行操作

链接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*;

Answer 2

如果您要查找字体及其在页面中的插入方式，建议您查看Google Fonts

要在链接中使用字体，您可以在<head>部分中简单链接Google的字体：

<head>
    <link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
</head>

然后在CSS上，您只需在元素上链接字体：

YourClassHere {
    font-family: 'Tangerine', cursive;
}

如果您想直接将其放入CSS代码中，可以使用属性@import，它看起来像是这样：

YourClassHere {
    @import url('https://fonts.googleapis.com/css?family=Tangerine');
    font-family: 'Tangerine', cursive;
}

有关如何使用Google字体的更多信息： https://developers.google.com/fonts/docs/getting_started

注意：。如果要下载字体并将其直接用于服务器/计算机上以进行离线编码，则应在CSS上使用另一个属性。

然后，在下载所需字体后，将其添加到项目文件夹中，您的CSS代码将如下所示：

首先，您必须使用@font-face指定字体属性： @ font-face { 字体家族：NameYourFontHere; src：url（TheNameOfTheFontYouDownloadedHere.woff）; //不要忘记在最后指定字体的类型 }
然后您可以按照上面的方式指定字体后使用它：

div { 字体家族：NameYourFontHere; }

对@font-face规则的引用： https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

对@import规则的引用： https://www.w3schools.com/cssref/pr_import_rule.asp

希望对您有帮助。

如何查找，导入和使用特定字体？

2 个答案: