Support » Plugin: Font Awesome » font awesome font not working on android

  • Resolved joneiseman

    (@joneiseman)


    On Android, go to the website and then click on the Reviews link. You will see what should be a Font Awesome icon to the right of Reviews, but it doesn’t display properly. On my desktop computer, it works fine (when I make the browser window very narrow).
    I have the following in my css file:

    
    #menu-top li.current-menu-item a:after {
        font-family: "FontAwesome";
        content: "\f104" !important;
        margin-left: 10px
    }
    

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author mlwilkerson

    (@mlwilkerson)

    You’re using pseudo-elements there (the :after syntax).

    That’s a little more cumbersome approach that can be hard to get just right and should normally only be used when you don’t have control of the HTML markup. If you do have control of the markup, using a normal <i> tag will be less accident-prone.

    You can read about pseudo-elements and how to use them in Font Awesome 5 on our web site here:
    https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements

    Notice especially that the font-family you’re using is not the correct one for Font Awesome 5. There are other important factors as well, shown in the examples on that page.

    Aside from all of that, when I viewed your site, it doesn’t look like it’s loading Font Awesome 5 per this plugin. So it’s not evident to me (from the web page’s source code) that the plugin was installed and activated correctly (at the time I viewed the source code).

Viewing 1 replies (of 1 total)
  • The topic ‘font awesome font not working on android’ is closed to new replies.