Missing "Sprite" icons / buttons

Ottens

I'm re-styling an old community here:

https://neverwasmag.com/forum/

Recently upgraded to Vanilla 3.3

Somewhere in the redesign process, I lost the "Sprite" buttons or icons somehow, and even if I disable Custom CSS altogether I don't get them back.

I'm referring to, for example, the "favorite" icon and little gear you would otherwise see next to categories and discussions to edit them.

Any idea what went wrong? And how I can fix it?

Ottens

Adding this to the stylesheet worked:

.ReactQuote:before {
content: "";
}

.SpEditProfile:before {
content: "";
}

.SpFlyoutHandle:before {
  content: "";
}

a.Bookmark:before {
  content: "";
}

Although it's obviously not an ideal solution.

If anybody has a better idea, please let me know!

R_J

It might also be the same problem like that one: https://open.vanillaforums.com/discussion/comment/260649/#Comment_260649

Can you check with your web developer tools if the vanillicon font could be loaded?

Ottens

https://open.vanillaforums.com/discussion/comment/260786#Comment_260786

I'm not sure how to do that?

Replacing the custom CSS I posted earlier with:

@font-face {
 font-family: "vanillicon";
 src: url("../../../resources/fonts/vanillicon/vanillicon.eot");
 src: url("../../../resources/fonts/vanillicon/vanillicon.eot?#iefix") format("embedded-opentype"), url("../../../resources/fonts/vanillicon/vanillicon.woff") format("woff"), url("../../../resources/fonts/vanillicon/vanillicon.ttf") format("truetype"), url("../../../resources/fonts/vanillicon/vanillicon.svg?#vanillicon") format("svg");
 font-weight: normal;
 font-style: normal;
}

didn't work, though.