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

有什么想法？对于这个问题，所有主流移动浏览器都支持font-icons吗？

Answer 1

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

将课程应用于＆lt; a＆gt;标签而不是嵌套的＆lt; i＆gt;标签
添加一个空的＆lt; li＆gt;在列表的末尾 - 看看是否所有4个图标出现（？）
使用所有差异字体尝试新的fontello存档

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

1 个答案:

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