请更正我的@ font-face CSS

时间:2013-02-22 10:25:52

标签: css font-face

我实际上在弄清楚这个工作的前景!

我已经设置了.ttf文件的位置 - 但它似乎没有找到它。

我是否设置了错误的位置?

我是否错误地描述了字体?

<!DOCTYPE html>
<html>
<body>

<style>

@font-face
{
font-family: Baskerville;
src: local('J:\Internet\Paul\Baskerville test\IT597___.ttf');
}
p { font-family: baskerville, serif; }
</style>

<h1 class="baskerville">This is written in ITC Baskerville</h1>

<p>Please note, that this is not written in Baskerville, but the word <span class="baskerville">Waterman</span> here is.</p>


<p><a href="http://www.w3.org/TR/css3-fonts/#font-face-rule" target="blank">Read this</a> for the W3C specifications on the "@font face" declaration which I've used to do this.</p>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

http://www.fontsquirrel.com/tools/webfont-generator使用此生成器生成您的字体。它还将为字体提供正确的CSS。

我在你的代码中看到的一个错误是你的font-family被定义为Baskerville而p有font-familly baskerville(大写这个)