Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Font size option (make it bold) #72

Open
igroglaz opened this issue Feb 17, 2022 · 6 comments
Open

Font size option (make it bold) #72

igroglaz opened this issue Feb 17, 2022 · 6 comments
Labels
a11y Accessibility enhancement Improvement low priority Low priority

Comments

@igroglaz
Copy link

Please add possibility to increase font size by making it bold. Atm it's too thin for poor old eyes of M&M7 veterans :)

Also maybe even add possibility to change font size... but even making it bold will help a lot!

@tomchen tomchen mentioned this issue Feb 17, 2022
@tomchen
Copy link
Member

tomchen commented Feb 17, 2022

OK. So you only want the card description and nothing else to be bold I assume? The card title is already bold.

Can you tell me your device type (Android, iPhone, mobile, tablet, PC...) and screen size (e.g. 1920x1080. Go to screenresolutiontest.com, or execute JavaScript code console.log(window.screen.width + 'x' + window.screen.height) in your F12 browser console), so I can better understand your situation.

I think in 1920x1080 or in mobile screen the text is usually very readable (in 1920x1080 it's surely more readable/bigger than the text here in this GitHub issue page), but, I'm not sure about other screens. Because the font size depends on the screen width and height, it indeed could be not so readable in some narrow (h<<w) screen.

@tomchen tomchen added a11y Accessibility enhancement Improvement low priority Low priority labels Feb 17, 2022
@tomchen tomchen added this to To do in ArcoMage HD To Do List via automation Feb 17, 2022
@igroglaz
Copy link
Author

Yep, only card description :D I use PC 1920x1080 with 150% DPI

@tomchen
Copy link
Member

tomchen commented Feb 18, 2022

You run it fullscreen or you resize your browser window making it smaller?

@tomchen
Copy link
Member

tomchen commented Feb 18, 2022

I'll add font weight option in the future. In the meantime, for the current version of the game, you can zoom in the web page (try Ctrl + +, or Ctrl + mouse wheel scroll up, or read how to zoom web page in Chrome) to force the big-font-mobile-mode. 150% scaling screen needs to be 150% zoomed-in and 125% scaling screen needs to be 200% zoomed-in:
2022-02-18_193511

@igroglaz
Copy link
Author

I run fullscreen.

Indeed zoom helps a lot! Thank you :) Still bold option will be nice ;D

@zmrhaljiri
Copy link

zmrhaljiri commented Jan 12, 2024

Hi @igroglaz, in the meantime you can use the following code to create a bookmarklet that will toggle (on/off) bold text on cards for you:

javascript:!function(){var e=document.getElementById("arcomageBoldText");e?document.head.removeChild(e):((e=document.createElement("style")).id="arcomageBoldText",e.innerHTML='button [class*="text-"] { font-weight: 700 !important; }',document.head.appendChild(e))}();

You can create a bookmarklet by selecting all the code and dragging it into your bookmarks bar in the browser, or add it manually:

  1. Open your web browser and show the bookmarks bar.
  2. Right-click on the bookmarks bar and choose to add a new bookmark.
  3. In the Name field, enter a name for your bookmarklet, like "Toggle Button Style".
  4. In the URL field, paste the JavaScript code.

Should you need a different font-weight (boldness), you can change the number 700 inside the script to either 600 or 800.

Card before:
card-before

Card after:
card-after

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Accessibility enhancement Improvement low priority Low priority
Development

No branches or pull requests

3 participants