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

Import Google Fonts Seems To Break CSS In Custom Character Sheets

I am working on building a character sheet for Never Tell Me The Odds, and I am trying to incorporate the import of Google Fonts. Whenever I include an import statement, whether or not I use the font, most (if not all) of the CSS is ignored when the sheet displays in the launched game. I am also not seeing a lot of the changes in the Preview pane, but that is another issue. Here is the CSS - pretty simple at present: @import url('<a href="https://fonts.googleapis.com/css2?family=Bangers&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css2?family=Bangers&amp;display=swap</a>'); .sheet-altfont {font-family: 'Bangers','Shadows Into Light', Arial;} .sheet-sheettitle, .sheet-sectionheader {text-align:center;padding:20px 0px;} .sheet-sectionheader {font-size: 24px;font-weight: bold;} .sheet-fieldlabel {font-weight:bold;font-size:14px;} .sheet-selectsmall {width:65px;} .sheet-selectmid {width: 130px;}
Matthew R. said: @import url(' <a href="https://fonts.googleapis.com/css2?family=Bangers&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css2?family=Bangers&amp;display=swap</a> '); You have to change that to @import url('<a href="https://fonts.googleapis.com/css?family=Bangers&amp;display=swap" rel="nofollow">https://fonts.googleapis.com/css?family=Bangers&amp;display=swap</a>'); changing css2 to css .
Thanks! I will give that a try.
It worked! Thank you!
Thank you, this answer also helped me with the same problem. :)