Icons disappear when changing font

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: font

Author

Posts
March 18, 2020 at 11:47 am #535605

Nick Strøger
Full Member

Post count: 31

Hello guys,

I have a brief question.

I would like to change the font sitewide and without exception, so I used the following CSS:

* { font-family: Comfortaa!important;
letter-spacing: 2px
}

However, this results in icons disappearing. (see attachment)

Could you tell me if this is the best approach to change the font, or whether I should do it differently? I don´t want to install any more plugins.

Thanks a lot for your help.

Kind regards,

Nick

March 18, 2020 at 12:23 pm #535608

Kor
Moderator

Post count: 16516

Hi Nick,

Thanks for your post. That custom CSS code you use targets everything hence breaking anything that uses fonts as icons like fontawesome. You need to remove it and figure out another way to apply custom fonts to your texts.

March 18, 2020 at 12:31 pm #535609

Nick Strøger
Full Member

Post count: 31

Hi Kor,

thanks for your message.

Yes, that is the reason I created the ticket.

Since you guys created the plugin and theme I am using, I thought maybe you have an easy solution to target all the text elements of the Geodirectory plugins and the Supreme Theme.

Kind regards,

Nick

March 18, 2020 at 1:23 pm #535611

Alex Rollin
Moderator

Post count: 27815

The theme comes with some font settings in the customizer, have you tried those?

https://wpgeodirectory.com/docs-v2/themes/supreme/#customizer

March 23, 2020 at 3:54 pm #536309

Nick Strøger
Full Member

Post count: 31

Yes, thanks. However, it does not target all the elements.

I changed it via functions.php instead.

March 23, 2020 at 4:02 pm #536312

Kor
Moderator

Post count: 16516

Hi nickstroeger,

Glad that you sorted it out yourself. Let us know if you need anything further.
Author

Posts