Dashicon font family will not work in Edge but works in Firefox

  • Resolved FunnyBunnyHelena

    (@funnybunnyhelena)


    2 years, 8 months ago

    Hello.
    I apologize if I posted this in wrong area. Please point me to the correct forum if so.

    I wanted to tweak the dots in listings.
    I did so, and it worked in Firefox. It shows as heart, a symbol I chose from dashicons as I liked its shape.

    But when I went to verify in Edge and Safari (ios) it is showing an rectangle.

    I tried to fiddle around and it looked like Dashicons wasn’t loaded properly. I have tried to change the css formatting for the font family in different ways, but no change.

    The thing that it works in Firefox but not the other browsers puzzled me greatly.

    #linklist ul, .LinkLibraryCat ul{
    list-style: none;
}
 
#linklist ul li::before,
.LinkLibraryCat ul li::before
{	
font-family: Dashicons;
font-size: 15px;
content: '\f487';
padding-right: 5px;
vertical-align: bottom;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter FunnyBunnyHelena

    (@funnybunnyhelena)

    Update:
    It looks like it works when I am logged on as admin!
    But if I am logged out, it is not working.

    So I think it is basically that the theme doesn’t have the font included. I will need to look into this.

    Thread Starter FunnyBunnyHelena

    (@funnybunnyhelena)

    Ok, I solved it by adding plugin called Frontend Dashicons, a tiny plugin on 4 lines of code.

    It works now.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dashicon font family will not work in Edge but works in Firefox’ is closed to new replies.