Don't know what's up with the fonts, but these should at least work in Roll20 . Try removing the asterisk, haven't seen it used like that. If the image doesn't show up, it can be that Roll20 blocks urls that isn't secure, i.e. it might need to start with url(http s ://paper-backgrou...) When having several css classes do the same thing, you separate them by comma, but don't add one after the last one . Try this(and compare it the original): { font-family: " Patrick Hand" ; background-image: url(<a href="http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg" rel="nofollow">http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg</a>); } input[type="number"], input[type="text"] { background-image: url(<a href="http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg" rel="nofollow">http://paper-backgrounds.com/textureimages/2012/07/brown-vintage-seamless-paper-texture-pattern.jpg</a>); } Some general notes: As this is mostly a visual thing, you could search the web for CSS tips related to whatever you want to achieve, and you will find lots of advice and alternative, that's how I figured out most things. You could take a look at other sheets and see if one of them have implemented a thing you want to do, and then you can go look at it's source code to figure out how it works, as then you at least start with an solution that guaranteed to work in Roll20 (one quick way to look at them is to go to "start a new game" and select different sheets and look at their preview image) if a particular tag, or part of code doesn't work the way you expect, it's recommended to take a deeper look at it, here is what I found when I googled "input css" for example take a quick look at css syntax here or here if you feel that you have too many hiccups