1

Android 堆栈浏览器是否支持字体图标？我正在使用 fontello 字体图标，并且总是有一个未呈现的图标。如果我用另一个变体替换有缺陷的图标，另一个图标会受到影响，进而不会呈现。这似乎是随机发生的。

这是我的标记：

<div class="header-links clear">
    <ul class="sm-links">
        <li><a class="facebook" href="<?php echo $theme_options['facebook'] ?>"><i class="icon-facebook-circled"></i></a></li>
        <li><a class="twitter" href="<?php echo $theme_options['twitter'] ?>"><i class="icon-twitter-circled"></i></a></li>
        <li><a class="gplus" href="<?php echo $theme_options['gplus'] ?>"><i class="icon-gplus-circled-1"></i></a></li>
        <li><a class="linkedin" href="<?php echo $theme_options['linkedin'] ?>"><i class="icon-linkedin-circled"></i></a></li>
    </ul>
</div>

这是我加载字体图标样式的方式：

function sms_styles_scripts() {
    // fontello 
    wp_enqueue_style( 'fontello-1', get_stylesheet_directory_uri() . '/fonts/fontello/css/fontello.css', array(), '', 'all' );
    // fontello
    wp_enqueue_style( 'fontello-2', get_stylesheet_directory_uri() . '/fonts/fontello/css/animation.css', array(), '', 'all' );
    // fontello
    wp_enqueue_style( 'fontello-3', get_stylesheet_directory_uri() . '/fonts/fontello/css/fontello-codes.css', array(), '', 'all' );
    // fontello
    wp_enqueue_style( 'fontello-4', get_stylesheet_directory_uri() . '/fonts/fontello/css/fontello-embedded.css', array(), '', 'all' );
}
add_action( 'wp_enqueue_scripts', 'sms_styles_scripts' );

有什么想法吗？对于这个问题，所有主要的移动浏览器都支持字体图标吗？

4

1 回答 1

0

我会尝试的一些事情（如果你还没有）

  • 将类应用于 <a> 标签而不是嵌套的 <i> 标签
  • 在列表末尾添加一个空的 <li> - 查看是否所有 4 个图标都出现了（？）
  • 使用所有 diff 字体尝试新的 fontello 存档
于 2014-03-21T12:54:43.247 回答