Are you allowed to use open type fonts in SCA? Co...
# suitecommerce
m
Are you allowed to use open type fonts in SCA? Couldn't find anything in the documentation or suite answers about this, but my store renders the fonts locally then when I deploy it loads the fonts over the network, but refuses to use them
Copy code
@font-face {
  font-family: "fontName";
  src: url(getThemeAssetsPath("Fontname.otf")) format("opentype");
}
I don’t think there would be any particular limitation on using OTF
Generally people use WOFF though
I think, more importantly, it would be helpful if you give us the exact error message you’re getting
m
The weird thing is that I'm not getting an error, when I got to preview the font request in the network tab it doesn't even show the correct font (versus locally it does) website is https://sandbox.tommycarwash.com (the font below the company name is turning to the fallback font, while the company font which is the only .ttf works fine)
s
Are you trying to set AvenirNextHeavy?
It kinda looks like CSS selector scoping
AvenirNextMedium doesn’t seem to exist and its overwriting the looser scoped rule to set the font
m
AvenirNextBold, Medium, and Regular are all showing either the fallback font or the default font currently I thought it might be a scoping issue as well, but then wouldn't I experience that in the local dev version?
When I ran the gulp theme:fetch command it pulled in the three fonts that aren't working and where I used to be able to preview them in VScode instead I get an error
Copy code
An error occurred while parsing this font: Offset is outside the bounds of the DataView
Curious if when I'm deploying the file are getting messed up 😕
I was able to get the .ttf file from my designer and they worked perfectly so problem solved sorta