Fonts @字体面即使在测试文件中也不工作?

Fonts @字体面即使在测试文件中也不工作?,fonts,font-face,Fonts,Font Face,好的,我以前已经用过很多次了,但是这让我很痛苦,我已经从客户的网站上分离出了文本,但是仍然无法使用字体?我甚至尝试过不同的字体文件,但什么都没有。这是我的CSS- @charset "utf-8"; html { padding:0; margin:0; overflow-y: scroll; overflow-x: hidden;} @font-face { font-family: lucida; /*a name given to our

好的,我以前已经用过很多次了,但是这让我很痛苦,我已经从客户的网站上分离出了文本,但是仍然无法使用字体?我甚至尝试过不同的字体文件,但什么都没有。这是我的CSS-

@charset "utf-8";

html { 
    padding:0; 
    margin:0;
    overflow-y: scroll;
    overflow-x: hidden;}


@font-face {
    font-family: lucida; /*a name given to our new font family*/
    src: url(‘garamond-webfont.ttf’),
    url(‘garamond-webfont.woff’),
    url(‘garamond-webfont.eot’); /* IE9 */ }

body { 
    margin:0; 
    padding:0;
    width:100%;
    font-family: lucida; }
这是html-

<html>

<head>

<link rel="stylesheet" type="text/css" href="test.css"/>

</head>

<body>

Testing Font Face

</body>

</html>

测试字体

而且它不起作用,arghh-请帮忙。

我有三个建议要检查:

这是因为已经有了一个名为“lucida”的字体; css中似乎有智能的引号,而不是简单的撇号;
您没有在标记(正文除外)中添加“Testing Font-Face”。

尝试将字体uri的“”替换为“”。

这些看起来不像普通的撇号。这是一个很好的方法@字体面仅在所需字体不存在时激发;人们常常忘记这一点。谢谢你的回复,我非常感激。奇怪的是,我已经修复了它,我只是从我的另一个网站复制并粘贴了一些代码,然后更改了字体文件的名称,瞧。代码看起来没有什么不同,但似乎正在工作?最奇怪的是,奇怪的是,字符之间有什么区别?如果你看一下你发布的css中的撇号,你应该注意到一个是向右拱形的,一个是向左拱形的。这些被称为智能引号,是您通常在Word文档中看到的特殊字符,但不应该出现在纯文本css文件中。