gpt4 book ai didi

php - fontello 不适用于 wordpress 下划线主题

转载 作者:行者123 更新时间:2023-11-28 06:23:15 25 4
gpt4 key购买 nike

我在使用 Fontello 时遇到问题 - everythink 在本地主机上工作,但是当我在服务器上上传主题(基于下划线创建)时它不起作用(实际上它在主页上工作 - 设置为开始于wordpress - 机器人不在其他人身上)。

你可以在我的测试域上查看webblaster.pl .

主页没问题 - 在左下角有固定的“社交媒体”栏 - 尚未设置样式 - 这就是它看起来如此丑陋的原因:)

但是在底部的 ->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;
}

但是您的站点加载了另一个 css:/wp-content/plugins/modula-best-grid-gallery/scripts/modula.css?ver=4.4.2 还有另一个规则:

[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;
}

第二个字体系列定义 modula-icons 被定义为 !important,所以它胜过 fontello!这就是您的图标未正确加载的原因。这些图标根本不存在于模块图标中。

如果我在 chrome 中打开您的网站并禁用开发人员工具栏中的模块图标规则,社交图标会正确显示。

enter image description here

关于php - fontello 不适用于 wordpress 下划线主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35441247/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com