css - 是否可以为 Google 字体指定自定义名称？

Question

这是一个示例 CSS

h1 {
   font-family: 'header-font', arial, sans-serif;
}

p {
   font-family: 'paragraph-font', arial, serif;
}

是否可以加载任何远程 Google 字体(假设为“Lato”)，以便它在 CSS 中的姓氏为“header-font”？

编辑:这背后的想法是能够轻松地在 WP 主题中交换字体。不幸的是，在 CSS 预处理器中使用变量不是我的选择。

Answer 1

老实说，我认为你做不到。当您查看谷歌字体时，谷歌字体有一个预定义的名称。例如:http://fonts.googleapis.com/css?family=Akronim

它的名称设置为“Akronim”，我认为您不能使用任何其他名称来引用它。