fonts - 我如何在我的代码中写第二个@font-face？

Question

我为我的网站使用了两种@font-face 字体。第一个“vera”出现在所有浏览器中。第二个“存在”显示在我的 mac（safari）上，但没有显示在任何其他浏览器上。我想是因为我在本地有字体。我猜我的代码有问题。我以相同的方式上传了两种字体，但我不知道如何编写代码。这是网站和我写的。第一个字体显示，第二个不显示：

http://swarthmorebahais.org/

@font-face {
    font-family: 'vera'; src:
            url('vera-webfont.eot') format('eot'), 
            url('vera-webfont.woff') format('woff'), 
            url('vera-webfont.ttf') format('truetype');
}

    {
    font-family: 'existence'; src:
            url('existence-light-webfont.eot') format('eot'), 
            url('existence-light-webfont.woff') format('woff'), 
            url('existence-light-webfont.ttf') format('truetype');
}

Answer 1

您应该包含一个额外的 src: 行，其中包含您从中获取字体的 url。或者它托管在您的服务器上的位置。

 e.g  src: url('../urw_vera-webfont.eot');