html - 我的网站上所有浏览器都忽略了@font face css 规则。请帮我

Question

基本上我一直在把头发扯下来。我已经尝试了所有可以在网上找到的东西，但无法在我的网站上使用任何自定义字体。我不是网页设计师，如果有人可以帮助我，我将不胜感激。以下代码是我的 css 文件中的内容：

@font-face {
font-family: "digitica";
src: url("digitica.eot");
url("digitica.woff") format("woff");
url("digitica.otf") format("opentype");
url("digitica.ttf") format("truetype");
url("digitica.svg#webfont") format("svg");
font-weight: normal;
font-style: normal;
}

我已将所有字体类型上传到服务器，并指的是字体如下：

.xyz {
font-family: "digitica"; <<<< Does the space matter between : & "digitica"?
}

然后放置：

<div class="xyz">

在这个自定义字体中我想要的文本周围

<!-- end .xyz --></div>

请帮忙！

Answer 1

src: url("digitica.eot"),
url("digitica.woff") format("woff"),
url("digitica.otf") format("opentype"),
url("digitica.ttf") format("truetype"),
url("digitica.svg#webfont") format("svg");

使用逗号而不是分号来分隔字体。

Answer 2

你的@font-face语法是错误的。尝试：

@font-face {
    font-family: 'digitica';
    src: url('digitica.eot');
    src: url('digitica.eot?#iefix') format('embedded-opentype'),
         url('digitica.woff') format('woff'),
         url('digitica.ttf')  format('truetype'),
         url('digitica.svg#digitica') format('svg');
    }

.xyz {
    font-family: "digitica";
    }