All @import statements result in CSS security violation

I tried importing a bunch of fonts and they all resulted in CSS security violation and me being unable to style roll template. I followed the rules as laid out in the wiki here: <a href="https://wiki.roll20.net/CSS_Wizardry#Google_Fonts" rel="nofollow">https://wiki.roll20.net/CSS_Wizardry#Google_Fonts</a> Even the example import statement results in a CSS security violation for me. @ import url ( '<a href="https://fonts.googleapis.com/css?family=Sigmar+One&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css?family=Sigmar+One&amp;display=swap</a>' ); After removing the @import statement the CSS security violation went away.

Does it prevent the sheet from loading or is it just a logged in the browser's console?

vÍnce said: Does it prevent the sheet from loading or is it just a logged in the browser's console? It removes the styling from the roll template. If there's an import statement in the stylesheet none of my custom styling gets applied. All of it gets dropped. Alright, I found a workaround. I went directly to the URL in the import statement e.g. <a href="https://fonts.googleapis.com/css?family=Sigmar+One&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css?family=Sigmar+One&amp;display=swap</a> And copied the CSS. @font-face { font-family: 'Sigmar One'; font-style: normal; font-weight: 400; src: url(<a href="https://fonts.gstatic.com/s/sigmarone/v18/co3DmWZ8kjZuErj9Ta3do6Tppg.woff2" rel="nofollow">https://fonts.gstatic.com/s/sigmarone/v18/co3DmWZ8kjZuErj9Ta3do6Tppg.woff2</a>) format('woff2'); } It's probably a bad idea directly linking like that as the src might change. And I am not sure whether all browsers support woff2 like that. But it works?

Not sure; I just tested using @ import url ( '<a href="https://fonts.googleapis.com/css?family=Sigmar+One&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css?family=Sigmar+One&amp;display=swap</a>' ); loaded with no errors in FF 117.0

Are you adding it as the first line of your css?&nbsp; I think that is required on roll20 sheets I guess it needs to be at the top of the css by rule anyhow. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@import" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/@import</a> Disregard. I think there was an issue with Legacy sheets breaking when @import was added.

Yes, and roll templates operate under legacy regardless of what the sheet uses, but the other import statements are simply removed by the sanitizer.