Set Font Family For the Entire Website

Hi

To cut a long story short I’ve made my own font icons using https://icomoon.io/ and everything works except every time I want to use it I have to specify the font-family CSS property.

In comparison to Font Awesome the font seems to loaded from the start and I can call any of it’s icons using the

content= "\f09a"

CSS property. On the other hand with my additional icons I have to add the font-family CSS property for it to load. See screenshot below.

Is there a way I can load in my custom font icons site wide so that It is available without me having to use the font-family CSS property?

Many thanks

Will

Hello Will,

You can try to replace this CSS code in your child theme’s CSS/Fonts.css directory:

.im-dlive::before {
    content: "\e001";
}

…with this:

.im-dlive::before {
    content: "\e001";
    font-family: 'additional_icons';
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hi Roman

Sorry for the late reply. I ended up applying your code and making a couple of other tweaks to the font.css file.

Kind regards

Will

1 Like