字体选择器的字体属性在我的网站中不起作用答案

【问题标题】：font face properties of font selector is not working in my website字体选择器的字体属性在我的网站中不起作用
【发布时间】：2010-12-27 13:59:33
【问题描述】：

我在我的网站中嵌入字体时遇到问题我使用字体选择器代码的 css3 规则是

@font-face {

     font-family:'VoltaEFTU-Regular';

     src: url(/fonts/VoltaEFTU-Regular.ttf) format("truetype");
}

.sample { font-family: 'VoltaEFTU-Regular'; font-size: 10em; }

我将我的 volta 字体以 truetype 格式放在我的网站文件夹的字体文件夹中，但它不起作用我的 html 代码是：

  <div class="sample">

    typetrigger

  </div>

【问题讨论】：

你测试的是哪个浏览器？

标签： html css

【解决方案1】：

检查 ttf 文件是否在您指向的位置。
你应该使用 firebug 来检查你的字体是否被应用到 css 中。

如果是，则您的字体未加载。如果不是，则 css 类不会被其他东西应用或覆盖。

【讨论】：

【解决方案2】：

首先，您需要在 src 中添加逗号。应该是：

src: url('fonts/VoltaEFTU-Regular.ttf') format('truetype');

不过，我也建议使用 font squirrel，并创建一个 woff 和 eot 文件以与 ttf 一起使用。

您可以在这里阅读所有不同的格式：

http://www.fontsquirrel.com/fontface/generator

【讨论】：

网址上不需要单引号。我有没有它们的生产代码运行得很好

【解决方案3】：

代码看起来不错。我同意塔里亚马的观点。如果您的 css 文件位于 Web 根目录的子目录中，请尝试指定相对于您的 CSS 的路径而不是绝对路径 (../fonts/VoltaEFTU-Regular.ttf)。另外，make sure the browser you are testing in supports @font-face and truetype fonts

【讨论】：