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');

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

1 个答案: