0

我在将@font-face 添加到 joomla 时遇到了一些麻烦。我制作了这些工具包并将它们添加到一个 .css 文件中，并让模板主页调用它。事实上，我知道这种沟通是有效的，因为我在那里也有其他 css 修改并且它们正在工作。但是我的新字体“Duepuntozero”和“Philosopher”在我自己以外的其他计算机上不起作用。

有任何想法吗？

4

1 回答 1

2

快速简便的方法是在 CSS 文件中声明服务器上字体的相对路径，如下所示：

@font-face { /* declare fonts */
    font-family: "MuseoLight";
    src: url("fonts/Museo300-Regular.eot");
    src: local("Museo 300"), local("Museo-300"),
        url("fonts/Museo300-Regular.woff") format("woff"),
        url("fonts/Museo300-Regular.otf") format("opentype"),
        url("fonts/Museo300-Regular.svg#Museo-300") format("svg");
        }
        /* display fonts */
        h1 { font: 24px/1 MuseoLight, Verdana, sans-serif; }
        h2 { font: 18px/1 MuseoLight, Verdana, sans-serif; }
        h3 { font: 14px/1 MuseoLight, Verdana, sans-serif; }

只需更改上面提到的 Duepuntozero 和 Philosopher，我认为根据 dafont.com 是 .OTF 字体文件？

  • 不要嵌套不同的“@”选择器！失败的第一个原因是路径名不正确
  • 刷新、强制刷新和/或清空浏览器缓存可能会有所帮助

如果是只能在您的计算机上查看而其他计算机无法查看的情况，可能是由于您的路径错误，或者导入声明语法格式错误

于 2013-04-29T19:27:31.430 回答