Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Fonts not looking great
See original GitHub issueHey, I tried the app today and noticed that the fonts for the CivTree are getting rendered outside of their respective squares. See Elite Skirmisher or Man-at-Arms.
I’m on a MacBook Air, running Chrome 81.
Similar issue in Firefox Developer Edition version 77.0b2
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (5 by maintainers)
Top Results From Across the Web
How to Fix Windows Fonts That Are Poor Quality and Not ...
Open the Control Panel. Double-click the Display icon. In the Display menu, click the Effects tab and check the box on smooth edges...
Read more >How to Fix Jagged Poor Quality Fonts or Text on Windows
If your fonts are low quality or jagged in your browser or applications then make sure font smoothing is enabled on Windows.
Read more >Fonts not looking good on Firefox - Mozilla Support
I am trying the new gmail in firefox but the fonts both normal and bold look awful. On the contrary if I open...
Read more >Fix text that isn't displaying properly - Google Chrome Help
Text looks fuzzy or blurry (Windows only). If text doesn't look clear on your computer, try changing your font settings. Step 1: Use...
Read more >How To Fix Blurry Fonts On Windows 10 | 6 Fixes - YouTube
It's frustrating when you experience pixelated text, blurry fonts or not clear fonts in Windows 10. In this video, we look at 6...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
But I didn’t do anything in that direction 😅
There might be a solution to this. Currently, we’re scaling UI elements depending on the available vertical space, but we neither scale horizontally, nor do we scale the font sizes. That has the advantage that the text stays at a legible size even if there is only little vertical space, but of course it falls out of the rectangles.
We could employ an entirely different approach: Create the full tech tree svg at a fixed size, and then scale the entire thing (preserving the ratio) to fit the available vertical space. That way, the text size should also get scaled and the text should stay inside of the rectangles.
Any thoughts / pros / cons on that approach?