如何将新字体添加到自定义magento主题？

Question

我试图将新字体添加到我的自定义magento主题,不包含在字体中.但它不起作用.

这是我使用的CSS.

@font-face {
    font-family: font-one;
    src: url(../../CoCo/magento/skin/frontend/default/master/fonts/Pacifico.ttf);
}

.font-one{
font-family: font-one;
color:#b02c1d;
}

我把字体文件放在皮肤mytheme文件夹中.这就是我添加它的方式.

<h3 class="top font-one">-- New --</h3>

任何人都可以帮我纠正这件事吗？

Answer 1

我试图在我的自定义magento主题中添加新字体

您应该将该.ttf文件包含在模板文件夹中.喜欢:

skin/frontend/default/{theme_name}

从您的问题观察来看,您的自定义主题名称似乎是"主".

你提到的用于font-face声明的url是:

../../CoCo/magento/skin/frontend/default/master/fonts/Pacifico.ttf

我确定你提到的url声明font-face是错的,因为它超出了项目文件夹.

让我解释一下如何在这种情况下设置URL的示例:

为了解释,我假设以下目录为您的{custom_theme}皮肤.

skin/frontend/default
    --> {custom_theme_name}     #which is 'master', I think
         --> fonts
             --> Pacifico.ttf
         --> CSS
             --> main.css

例如,如果您要声明新的font-face,main.css那么它应该是这样的:

@font-face {
    font-family: font-one;
    src: url(../fonts/Pacifico.ttf);  /* check this */
}