Question

我在使用字体选择器代码的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格式放在我网站文件夹的fonts文件夹中，但它不起作用我的HTML代码是：

  <div class="sample">

    typetrigger

  </div>

Answer 1

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

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

Answer 2

首先，您需要向src添加coma。它应该是：

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

我还建议转到字体squirrel，并创建一个woff和eot文件，以便在ttf旁边使用。

您可以在此处阅读所有不同的格式：

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

Answer 3

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

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

3 个答案: