Php fontello不处理wordpress下划线主题

Php fontello不处理wordpress下划线主题,php,css,wordpress,fontello,Php,Css,Wordpress,Fontello,我对Fontello有一个问题-everythink在本地主机上工作,但当我在服务器上上传主题(基于下划线创建)时,它不工作(实际上它在主页上工作-设置为从wordpress开始,而不是在其他服务器上) 你可以在我的测试域中查看它 主页还行-在左下角有固定的“socialmedia”栏-尚未设置样式-这就是它看起来如此丑陋的原因:) 但是在底部的->fotografia home->kontakt上,您可以看到一些未正确加载的字体 在head部分,我使用以下方式附加css文件: <link

我对Fontello有一个问题-everythink在本地主机上工作,但当我在服务器上上传主题(基于下划线创建)时,它不工作(实际上它在主页上工作-设置为从wordpress开始,而不是在其他服务器上)

你可以在我的测试域中查看它

主页还行-在左下角有固定的“socialmedia”栏-尚未设置样式-这就是它看起来如此丑陋的原因:)

但是在底部的
->fotografia home->kontakt
上,您可以看到一些未正确加载的字体

在head部分,我使用以下方式附加css文件:

<link href="<?php bloginfo('stylesheet_directory'); ?>/fonts/fontello/css/fontello.css" rel="stylesheet" type="text/css">

您的一些css规则似乎会相互覆盖

/wp content/themes/paulinakozan/fonts/fontello/css/fontello.css
中有一条规则:

[class^="icon-"]::before, [class*=" icon-"]::before {
    display: inline-block;
    font-family: "fontello"; // <-- IMPORTANT LINE!
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
}
第二个字体系列定义
modula icons
定义为!重要的是,它战胜了方泰罗! 这就是您的图标未正确加载的原因。这些图标根本不存在于modula图标中

如果我在chrome中打开你的站点并在开发者工具栏中禁用modula图标规则,社交图标将正确显示

非常感谢您的帮助:)对于这样一个小问题,我深表歉意。我应该自己检查一下
[class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: "modula-icons" !important; // <-- ANOTHER IMPORTANT LINE!
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1;
    text-transform: none !important;
}