Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Google fonts question

Hi,&nbsp; I am currently trying my fist steps with custom character sheet creation and I saw the option to include Google fonts in these release notes:&nbsp; <a href="https://app.roll20.net/forum/post/8138438/release-note-for-february-18-2020" rel="nofollow">https://app.roll20.net/forum/post/8138438/release-note-for-february-18-2020</a> . I am using the Custom Sheet Sandbox and when I put the following line at the beginning of my CSS file @import url ( '<a href="https://fonts.googleapis.com/css2?family=Nunito|Montserrat|Oswald&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css2?family=Nunito|Montserrat|Oswald&amp;display=swap</a>' ) ; it breaks the style sheets altogether and I get the following error message in the browser's console: ["@import ", index: 0, input: "@import url('<a href="https://fonts.googleapis.com/css2?fam…↵" rel="nofollow">https://fonts.googleapis.com/css2?fam…↵</a> color:blue;↵}↵↵↵↵&nbsp; &nbsp; ↵&nbsp; &nbsp; ↵&nbsp; &nbsp; ↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵↵", groups: undefined] instrument.ts:129 Potential CSS security violation; character sheet template styling thrown out. Any ideas?
1588179530

Edited 1588179544
I think I remember reading you have to change css2 to css in the URL.
1588180010
GiGs
Pro
Sheet Author
API Scripter
That's correct.
1588181921

Edited 1588181957
That did the trick. Thanks a lot. This does work: @import url ( '<a href="https://fonts.googleapis.com/css?family=Nunito|Montserrat|Oswald&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css?family=Nunito|Montserrat|Oswald&amp;display=swap</a>' ) ;
1588184003

Edited 1588184251
Andreas J.
Forum Champion
Sheet Author
Translator
This was documented on the main article on Creating Custom Chracter Sheets: <a href="https://wiki.roll20.net/Building_Character_Sheets#Google_Fonts" rel="nofollow">https://wiki.roll20.net/Building_Character_Sheets#Google_Fonts</a> I suggest a new read-trough of it, as I've updated it fairly recently with a bunch of stuff. It documents most of the common stuffs that comes up, and links to the other relevant pages. Where is this "css2" thing coming from anyway? Think this is the second time someone made the same thing, is it from some older google font guide you found on the internet?
1588195396

Edited 1588195457
It is what&nbsp; <a href="https://fonts.google.com/" rel="nofollow">https://fonts.google.com/</a> &nbsp; suggests to use with ´@import´ and I must admit that, even though I read the cited documentation, I failed to spot the superfluous "2". &nbsp;