wordpress - Fontello 字体图标在 Android 上无法正确呈现

Question

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' );

有什么想法吗？就此而言，所有主要移动浏览器都支持字体图标吗？

Answer 1

我会尝试的一些事情(如果你还没有尝试的话)

• 将类应用到 标签而不是嵌套的 标签
• 在列表末尾添加一个空的
• - 查看是否所有 4 个图标都出现 (?)
• 尝试使用所有不同字体的新 fontello 存档