是否可以指定Google字体的自定义名称？

Question

下面是一个简单的CSS

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

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

是否有可能加载任何远程谷歌字体（让我们说“拉托”），使其在CSS的姓是“标题的字体”？

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

Answer 1

是的，当您在@ font-face样式声明中定义字体系列并使用该名称稍后在样式表中引用它时，您可以提供任何名称。

@font-face 
{ 
    font-family: whateverYouWant; 
    src: url('example.ttf'), 
     url('example.eot'); 
     ... /* and so on */ 
} 

无论你如何在font-family属性中指定样式，它将如何从文档的其余部分引用它。然而，我不知道它如何与本地字体文件竞争（所以如果你试图命名自定义字体宋体，我不知道你会得到什么 - 自定义字体或真正的宋体）。无论如何，我不知道你为什么要这样做。

Answer 2

我不认为你能说实话。当您查看谷歌字体时，Google字体具有预定义的名称。看到这个例子：http://fonts.googleapis.com/css?family=Akronim

它的名字被设置为'Akronim'，我不认为你可以通过任何其他名称引用它。