Javascript 识别字体嵌入机制

在一个设计非常好的网站上发现了这个片段(http://www.distinctlydeutschland.com/):

我目前使用谷歌字体，并使用了CUFON-这似乎是一个更好的选择，因为它提供了更多的字体选择（因为我可能会上传我自己的字体文件），它还允许用户拖动选择文本，不像CUFON

---

问题是我不知道这个语法是什么意思，也不知道文件（.woff、.eot等）是如何创建的，它们都做什么，等等。如果我只有.ttf，它会工作吗？或者这是由某个web字体服务提供商生成的

@font-face是定义CSS中使用的字体的一种方法。在此基础上，您可以使用以下方法设置类为

classname

的元素的字体：

.className {
    font-family:TrajanProBold;
}

某些字体格式仅适用于某些浏览器，这就是为什么存在多个回退

这里有一个表格，列出了哪些浏览器可以使用哪些格式：

---

有关@font-face:

的更多信息，我从直接从网站输入URL开始下载所有字体文件。。现在我要自己插上电源，看看能挖到什么！您拥有自己的字体文件，引用@font-face中的url，然后可以在样式表中使用它们。不过也有一些问题——太棒了，非常感谢。这为我解答了很多谜团。

.className {
    font-family:TrajanProBold;
}