@font face，调用 font-family 对一个 class 有效，但对另一个无效，为什么？

Question

如标题中所述。我花了一些时间在客户的网站上实现一种特定的字体。我主要在所有需要的 css classes 上实现了字体。

不知何故，在定义菜单 link 的“a”class 上调用字体不起作用。为什么？

查看屏幕截图1 and 2。

例如，在 class“div.powered-by”（它也像 link 一样工作）上它有效，而在“a”class（它定义了菜单 links）它没有。查看屏幕截图。

调用字体无效：

div.powered-by 调用字体有效：

Answer 1

因为以下行在您的字体系列之前运行

--primary-nav--font-family: var(--global--font-secondary);

您可以使用 !important

a {
    font-family: 'Lemon Sans Uni Regular', Arial, sans-serif !important;
}