Question

好吧，我之前已经多次使用过这个但是这会让我感到害怕，我已经从客户的网站上分离出了文字，但仍然无法使用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 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>

它不起作用，呃 - 请帮忙。

Answer 1

我有三个建议要检查：

这是因为已经有一个名为'lucida'的字体; 你似乎在你的CSS中有智能引号，而不是普通的撇号; 您没有在标签（除了正文）中添加“测试字体”。

Answer 2

尝试将uri替换为''with''字体。

@ font-face即使在测试文件中也不起作用？

2 个答案: