Forced font changed on Character Sheet

I've been in a weekly Dragon Age game since about April 2016 and the character sheets I've been used have always been in the standard 'Times New Roman' or 'Arial black' font, and I've liked it that way. It's clean cut and easy to read; however, Recently (about three games past) all of the sudden the font has changed to this calligraphic cursive that is slightly bigger than normal font. It has become an eye sore when trying to interpret my character sheet or finding something. I've done nothing to warrant the change, I've clicked through my settings all over Roll20 about 20 times, the GM of the group doesn't know / cannot fix it, and I'm the only person in our five man + GM group that this font change has fell upon. I'm at my wit's end with trying to figure this out, and hopefully someone here can help me see what I fail to see. Here is also a screenshot of character profile to show y'all what I'm seeing.

Hi, Mathew B. Let's walk through the first three steps of our guide to Solving Technical Issues : Step 1: Make sure to use the right browser Please check if these issues persist when using both Chrome and Firefox. Step 2: Ensure that there are no extensions/addons interfering with Roll20 Please disable all add-ons/extensions and anti-virus programs. Step 3: Clear your cache If none of the above succeeds, please thoroughly work through Step 4 . (Don't forget the complete Console Log!) Thank you!

Mathew, your question intrigued me and I went searching for an answer to help you. I believe I found the reason for the fonts being what they are now. If you go to the  CSS of character sheet on the github, you can see in the code for the textarea the font family Lucida Handwriting. This controls the fonts for all text areas on the sheet. There are two solutions that I can think of: Contact the sheet author and have him change the font family to something that is easier to read. If the creator of the game is a pro subscriber, they can run the sheet as a custom sheet so the font family can be changed. I wish I had better solution and info for you.

I went through the steps 1-3; however, none of those worked for me on both Firefox and Chrome. So moving forward here are the details of my computer. I use: Advanced System Care 9.4 Pro for my anti-virus software Console Log Content Security Policy: The page's settings blocked the loading of a resource at self ("script-src <a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a> 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com&quot;).editor:12" rel="nofollow">http://stun.l.google.com").editor:12</a> Content Security Policy: The page's settings blocked the loading of a resource at self ("script-src <a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a> 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com&quot;).editor:13" rel="nofollow">http://stun.l.google.com").editor:13</a> Use of getPreventDefault() is deprecated. Use defaultPrevented instead.jquery.1.8.2.min.js:2:40278 70app.js:35:4832 TOUCH SUPPORTED: falseapp.js:35:30046 USING WEBGL ACCELERATION...app.js:35:30867 WEBGL STARTUP SUCCESSapp.js:35:31456 Custom Sheet Translationapp.js:37:15207 selectapp.js:30:20982 Switch mode to selectapp.js:30:22828 Initializing new dice engine with randomness...app.js:46:22041 Using random entropyapp.js:46:22118 Compiling sheet...app.js:50:10589 Finding sheet rolls...app.js:50:11866 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172 tuts loadedtutorial_tips.js:7:2 Loading mixed (insecure) display content "<a href="http://imgsrv.roll20.net/?src=i.imgur.com/qWErCh7.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/qWErCh7.png</a>" on a secure page[Learn More]jquery.1.8.2.min.js:2:70985 Use of attributes' nodeValue attribute is deprecated. Use value instead.app.js:50:13863 Use of getAttributeNode() is deprecated. Use getAttribute() instead.jquery.1.8.2.min.js:2:31678 GET <a href="http://imgsrv.roll20.net/" rel="nofollow">http://imgsrv.roll20.net/</a> [Mixed Content] [HTTP/1.1 200 OK 650ms] Final page load.app.js:42:3950 Scan for new plays!app.js:42:1447 Auth'ed.app.js:41:16407 Go post auth!app.js:41:16604 initial setupapp.js:41:16749 Object { attributes: Object, _escapedAttributes: Object, cid: "c0", changed: Object, _silent: Object, _pending: Object, _previousAttributes: Object, activePage: bound (), showSettings: bound (), initActivePage: bound (), 22 more… }app.js:39:21821 Got players value...app.js:41:16991 joining game...app.js:41:23838 Player -K7EiKf-WzH1zbA-VY8R is offline...app.js:39:28730 Player -K7ig-zOLgb2r1SF1JMB is offline...app.js:39:28730 Player -K9xz4MZowTIaMFo4G7m is offline...app.js:39:28730 Player -KEzHJj7lGoiLJYMW05b is offline...app.js:39:28730 Global Volume: 100=1app.js:40:4204 Player -KFgriaXsoXKYhmjq8wh is offline...app.js:39:28730 Player -KOwgOaUBcDVjI_DwuU2 is offline...app.js:39:28730 Deferred finish joining...app.js:41:23928 Firebase Onlineapp.js:35:6138 Full load page!app.js:39:991 We have 8 pagesapp.js:41:17809 Refresh Journal List!app.js:49:24313 Search took 3msapp.js:49:23165 handle page changesapp.js:41:18349 falseapp.js:41:18430 Scan for new plays!app.js:42:1447 Do refresh link cache!app.js:37:26609 init active page!app.js:41:22791 activate page!app.js:39:3153 FULLY ACTIVATE VIEWS FOR PAGE.app.js:39:3385 Graphics: 0app.js:39:2332 Paths: 0app.js:39:2528 Reorder by ZORDERapp.js:39:6036 Refresh Journal List!app.js:49:24313 Search took 36msapp.js:49:23165 initiatlizing video chatapp.js:48:24466 Connecting to WebRTCapp.js:48:24984 This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see <a href="https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects" rel="nofollow">https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects</a> for further details and to join the discussion on related tools and features!editor Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Descending into madness...app.js:46:16469 Descending into madness...app.js:46:14457 Reorder by ZORDERapp.js:39:6036 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KAY0cTMg8horh_go8in/-KP0VXVrgsMi3KUccr6l failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KAY0cTMg8horh_go8in/-KP0VYs2avjJ1dqGDc6P failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KAY0cTMg8horh_go8in/-KP0Vd_Ck0guVWj3g2Nu failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KAY0cTMg8horh_go8in/-KP0VsU_4nPMY-OBrDgR failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KDukUh7CapWdND5h3od/-KQs2_1LQLoNQWIe70L5 failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KDukUh7CapWdND5h3od/-KQs2_2KLD-bWrh6Yo1i failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KDukUh7CapWdND5h3od/-KQs2_30_oBQPBb71gzm failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KDukUh7CapWdND5h3od/-KQsKdMRjKnUhVZssSOc failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KGAi943qBCDSBrVjodp/-KP0HykdrhfLrV31v1Zp failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KGAi943qBCDSBrVjodp/-KP0K83RyRbDfiTnrjZU failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KGAi943qBCDSBrVjodp/-KP0UPV_SXHPqje1KhW- failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/-KGAi943qBCDSBrVjodp/-KQs2QAH6Czr8PwPqzVA failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/7F73B956-71C3-4C5B-8C72-576EE4F15EA4/-KPB6wjQ5A3iA1DFlJY3 failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/7F73B956-71C3-4C5B-8C72-576EE4F15EA4/-KPB6wk54zVuO0UA-k7w failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/7F73B956-71C3-4C5B-8C72-576EE4F15EA4/-KPB6wkj4Pv4o5zFinw2 failed: permission_denied firebase.2.4.0.js:45:446 FIREBASE WARNING: update at /campaign-1183632-RkxjOybkb80J18FOq1HO1g/graphics/page/7F73B956-71C3-4C5B-8C72-576EE4F15EA4/-KPB6wlUH2TdKcnTzxVU failed: permission_denied firebase.2.4.0.js:45:446 "Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/16087432/JT66b6SrYGVzFpIsXLzBoQ/thumb.jpg?14549063435" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/16087432/JT66b6SrYGVzFpIsXLzBoQ/thumb.jpg?14549063435</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/16087432/JT66b6SrYGVzFpIsXLzBoQ/original.jpg?14549063435&quot;app.js:38:17637" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/16087432/JT66b6SrYGVzFpIsXLzBoQ/original.jpg?14549063435"app.js:38:17637</a> Reorder by ZORDERapp.js:39:6036 Connected to sessionapp.js:48:26578 Someone just connected.app.js:48:27886 It's us?app.js:48:27988 setting srcapp.js:38:17798 Cols: 7 Rows: 5app.js:34:13131 Took 839ms to generate cache.app.js:34:13807 Show Character View Dialog!app.js:42:32342 --- RENDER CHARACTIVE VIEW ----app.js:42:19007 CLICKEDapp.js:42:14565 Redoing charsheet htmlapp.js:42:21095 160ms to end of htmlapp.js:42:21755 Loading mixed (insecure) display content "<a href="http://imgsrv.roll20.net/?src=i.imgur.com/qWErCh7.png" rel="nofollow">http://imgsrv.roll20.net/?src=i.imgur.com/qWErCh7.png</a>" on a secure page[Learn More]jquery.1.8.2.min.js:2:67936 Really updating character sheet valuesapp.js:42:21863 Setting up repeating sections took until 10msapp.js:42:23969 Updating ALL VALUESapp.js:42:24941 Finding list of dirty attributes took until 11msapp.js:42:25142 Querytest took until 12msapp.js:42:25431 Attribute cache compliation took until 13msapp.js:42:25641 Set values (including auto-calcuating variables) took until 55msapp.js:42:27983 Appending to sheetformapp.js:42:28136 Appending to screen took until 59msapp.js:42:28214 Took 60msapp.js:42:28327 CLICKEDapp.js:42:14565 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172 Really updating character sheet valuesapp.js:42:21863 Setting up repeating sections took until 4msapp.js:42:23969 Finding list of dirty attributes took until 4msapp.js:42:25142 Querytest took until 5msapp.js:42:25431 Attribute cache compliation took until 6msapp.js:42:25641 Set values (including auto-calcuating variables) took until 7msapp.js:42:27983 Took 7msapp.js:42:28327 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172 window resizeapp.js:51:22851 Final set zoom!app.js:36:11172 UPDATE GL SIZE!app.js:35:24596 Final set zoom!app.js:36:11172

Pat S. said: If you go to the&nbsp; CSS of character sheet on the github, you can see in the code for the textarea the font family Lucida Handwriting. This controls the fonts for all text areas on the sheet. Further, this has always &nbsp;been the case for this sheet's CSS. If the textarea used to display in Times New Roman or Arial, and now it displays in the intended font, then it seems that there used to be a bug that has gone away. If you want to go back to the way it was displaying for you, either the sheet will have to be updated, or else you can use a client-side CSS customization extension like&nbsp; Stylish .

Thank you. As Pat (edit: and Brian, who ninja'd me! ) pointed out, you're viewing the font that the sheet's author intended for the sheet . The others in your game may not have the Lucida Handwriting font installed on their computers, or may be experiencing some other issue preventing them from displaying that font. I can't say why you are suddenly viewing the correct font, when you were not before (there have not been any changes made to the Dragon Age sheet in months). Nonetheless, you can change the font used by the character sheet by customizing the in-game CSS with the help of a third-party browser extension (e.g. Stylish): /* Dragon Age */ @-moz-document domain("app.roll20.net"), domain("app.roll20dev.net") { textarea, .sheet-basicinfotextbox, .sheet-skillvaluebox, .sheet-class_and_xptextbox, .sheet-otherinput, .sheet-2nd_statstextbox, .sheet-armortypetextarea, .sheet-weaponnametext, .sheet-weaponatacktext, .sheet-weaponrangetext, .sheet-weapondamagetext, .sheet-weaponnametext2, .sheet-reloadtext, .sheet-weaponspecs, .sheet-ammotext, .sheet-ammotypetext, .sheet-circulartext, .sheet-spelltext, .sheet-spellselect, .sheet-spellselect2, .sheet-manatext, .sheet-timetext, .sheet-natext, .sheet-vstext, .sheet-InventoryName, .sheet-InventoryAmount, .sheet-circularmoneytext, .sheet-talenttext, .sheet-talentnumber, .sheet-talentselect { &nbsp;&nbsp;&nbsp; font-family: "Times New Roman", Georgia, Arial !important; } } To implement the above, install Stylish for Firefox or Chrome and then save the code above as a New Style.

Brian said: Pat S. said: If you go to the&nbsp; CSS of character sheet on the github, you can see in the code for the textarea the font family Lucida Handwriting. This controls the fonts for all text areas on the sheet. Further, this has always &nbsp;been the case for this sheet's CSS. If the textarea used to display in Times New Roman or Arial, and now it displays in the intended font, then it seems that there used to be a bug that has gone away. If you want to go back to the way it was displaying for you, either the sheet will have to be updated, or else you can use a client-side CSS customization extension like&nbsp; Stylish . Never said it wasn't but just it was the font family that is set for the sheet. I didn't think about the Stylish extension so there is three ways to change the font. One affects everyone on roll20 that is using the sheet, another affects everyone in that specific game, and the last one would only affect that specific browser.