html - 如何在网页中设置不在 Google 字体或 Font Squirrel 上的字体？

Question

我如何在我的网页中使用 Agency FB、Berlin Sans、Century Gothic 等字体，当在 Google 字体上搜索时重定向到其他网站，如

https://store.typenetwork.com/foundry/fontbureau/fonts/agency-fb?src=GoogleFonts https://www.fonts.com/font/monotype/century-gothic/regular

如果上传到 Font Squirrel，显示以下消息

'字体局已要求生成器将他们的字体 Agency FB Regular 列入黑名单。您将无法转换此字体。'

我尝试了以下代码(适用于非这种类型的字体)

@font-face
{
    font-family: 'airstrike';
    src: url('fonts/airstrike-webfont.woff2') format('woff2'),
         url('fonts/airstrike-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

请专家帮助我解决这个基本(但不利于我的网页设计)问题，因为这是我网页中最后剩下的问题之一。

Answer 1

问题解决了。我从https://www.whatfontis.com/下载了版权原件的相似字体。获取.ttf文件并将其上传到https://www.fontsquirrel.com/它被转换成两个扩展名为 .woff 和 .woff2 的文件，并提供了一个示例样式表。我只是将代码复制到我的 .css 文件中并进行了相应的修改。这是我使用的代码

@font-face
{
    font-family: 'agency';
    src: url('fonts/agency-webfont.woff2') format('woff2'),
        url('fonts/agency-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}