我在将@font-face 添加到 joomla 时遇到了一些麻烦。我制作了这些工具包并将它们添加到一个 .css 文件中,并让模板主页调用它。事实上,我知道这种沟通是有效的,因为我在那里也有其他 css 修改并且它们正在工作。但是我的新字体“Duepuntozero”和“Philosopher”在我自己以外的其他计算机上不起作用。
有任何想法吗?
快速简便的方法是在 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 字体文件?
如果是只能在您的计算机上查看而其他计算机无法查看的情况,可能是由于您的路径错误,或者导入声明语法格式错误