css - 如何向自定义 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;
}

我把字体文件放在 skin mytheme 文件夹里。这就是我添加它的方式。

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

谁能帮我改正这个问题？

Answer 1

I tried to add new font to my custom magento theme

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

skin/frontend/default/{theme_name}

从您的问题观察来看，您的自定义主题名称似乎是“master”。

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

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

我确定您提到的声明 font-face 的 url 是错误的，因为它在元素文件夹之外。

让我用一个例子来解释一下如何在这种情况下设置 url:

为了便于说明，我假设您的皮肤的 {custom_theme} 位于以下目录中。

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

例如，如果您在 main.css 中声明新的字体，那么它应该是这样的:

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