[Resolved] Font Awesome iOs issue

[Rolandas]

Hi

I have an issue:
Font-Awesome icons do not load and show up as blank squares. This is happening on devices running iOS 11.3.1 (Safari, Firefox, Chrome, Opera Mini).

[Tom]

I’m seeing that within WP Show Posts. Is it happening anywhere else?

WP Show Posts doesn’t load Font Awesome by default, so that must be custom CSS.

You can add Font Awesome yourself using one of these methods: https://docs.generatepress.com/article/font-awesome/

[Rolandas]

In single post also (before category).
But Font Awesome works fine on Windows, and in WP Show Posts also

[Tom]

That’s because you have this custom CSS:

.cat-links::before {
    content: "\f07c";
    font-family: FontAwesome;
    font-size: 20px;
    color: #b72029;
}

The theme no longer uses Font Awesome for its icons: https://generatepress.com/generatepress-2-1/

[Rolandas]

But I have added Font Awesome as shown here (https://docs.generatepress.com/article/font-awesome/)

[Tom]

Font Awesome 5 has a different font-family name: https://fontawesome.com/how-to-use/web-fonts-with-css#pseudo-elements

[Rolandas]

Thanks!

[Tom]

You’re welcome 🙂

[Author]

Posts