Skip to main content
Participant
February 1, 2024
Question

NOT WORKING - Adobe Fonts not importing to Wix as CSS

  • February 1, 2024
  • 1 reply
  • 502 views

Hey everyone, 

 

Yesterday I posted that I've encountered an issue regarding to embedding a font to a Wix Studio website using CSS Global. 

After several hours of trying and tweaking the code, it finally worked as I announced in the post and the code was embedded perfectly fine. 

This morning, I opended up the website to keep working on it- and all of the sudden the font that I've embedded wasn't working anymore. 

 

Unfortunately the Adobe support on the chat wasn't anywhere near helpful, and Wix support team didn't have much to do with this since they're not the ones provided me the code. 

I think that there's an issue with importing the fonts and embedding them and could really use some help about that or to know if someone has succedded in embedding a font on a web project (and made it last for more than 24 hours). 

Thank you in advance for any tip, 
I'm adding the code that worked yesterday and didn't work anymore this morning. 
I didn't made any changes to it.

 

 @1552174 url("https://use.typekit.net/aiv7ixt.css");


{ h1
  font-family: "kensington", sans-serif;
  }

  
 .rich-text__text {
   font-family: "kensington", sans-serif;
font-weight: 700;
font-style: normal;
   /* To learn more about CSS classes, visit https://support.wix.com/en/article/css-editing. Write your CSS here: */
} 

 

 

    This topic has been closed for replies.

    1 reply

    Jake Giltsoff
    Adobe Employee
    Adobe Employee
    February 2, 2024

    Hi @Shirel22401920rmto, sorry you’ve been running into issues here. I’ve not used Wix Studio recently but it’s promising that it was working for at least a short while which hints that the fonts are being correctly loaded. I wonder if some of the standard styles that Wix Studio generates with the website builder is overriding your styling, hence hiding the font? You could try adding

    font-family: "kensington", sans-serif !important;

    for the h1 style to make sure it doesn’t get changed.

    If you are familiar with the developer tools in browsers you can use those to debug which fonts are being loaded too.

     

    Let me know if this does the trick.