1

フォント アイコンは Android スタック ブラウザーでサポートされていますか? fontello フォント アイコンを使用していますが、レンダリングされないアイコンが常に 1 つあります。問題のあるアイコンを別のバリアントに置き換えると、別のアイコンが影響を受け、レンダリングされません。ランダムに発生するようです。

ここに私のマークアップがあります:

<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 はすべての主要なモバイル ブラウザーでサポートされていますか?

4

1 に答える 1