登录 注册

登录

问题 求问,这个图标是如何输出的

更多
2017年05月23日 23:26 - 2017年05月25日 09:37 #1 作者: 东雨


如上图的图标是yoo aurora的一个widgekit的输出模块,编辑后台发现代码是这个
<p><span class="tm-icon-yootheme-widgetkit"></span></p>
<h3 class="uk-panel-title uk-margin-bottom-remove">Widgetkit</h3>


fa的图标我知道,但是tm是什么啊,但是感觉也挺漂亮,我如果想继续用tm这种图标,应该在哪里找他的代码呢
最后修改: 2017年05月25日 09:37 由 Joomla之门.

登录 或者   注册一个会员帐号 来参与讨论

更多
2017年05月25日 09:47 #2 作者: Joomla之门
我用 firebug 检查了一下 Yoo Aurora 模板这部分内容,发现这些图标都是由一个名为 “yootheme” 的图标字体实现的,原始 CSS 代码是:

[class^="tm-icon-yootheme-"], [class*=" tm-icon-yootheme-"] {
  font-family: "yootheme";
  font-size: 72px;
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
}

很显然,这个名叫 yootheme 的字体,是模板官方自己设计的。很可能并不包含你想要的“微信”图标。

解决办法很简单:你换用 Font Awesome 图标来处理你的微信图标就行了。

Font Awesome 图标字体中的微信图标在这里: fontawesome.io/icon/weixin/ ,该页面已经提供了嵌入代码,你直接复制粘贴就能用。

当然了,如果你的模板前台并未加载 Font Awesome 字体,你需要手工添加代码来加载它,否则这个微信图标不会生效。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论