Question

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

有什么想法吗？

Answer 1

快速简便的方法是在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; }

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

不要嵌套不同的“@”选择器！失败的首要原因是错误的路径名称
刷新，强制刷新和/或清空浏览器缓存可能会有所帮助

如果只是在您的计算机上没有其他计算机可以查看的情况，可能是因为您的路径错误或导入声明语法格式错误

将@ font-face工具包应用于joomla

1 个答案: