etigerstudio / typora-misty-theme

Yet another elegant Typora theme designed with aesthetics in mind.
https://theme.typora.io/theme/Misty/
MIT License
244 stars 41 forks source link

I think the emphasis is not displayed correctly (in Windows). #4

Closed GoodWillChase closed 5 years ago

GoodWillChase commented 5 years ago

I think it should be:

strong, b {
    font-weight: 800;
}
etigerstudio commented 5 years ago

Hello, Thank you for try Misty Theme out!

I've made some tests before and finally selected 400 as body font weight, 500 as strong/b font weight on Windows(300, 400 on macOS respectively). For me, it turns out that 500 & 600 render as same thickness(see first shot) and 700 & 800 render as same thickness(see second shot):

500 800

As you can see in these 2 shots, whose font rendered is 'Segoe UI', 500 & 600 are a little thin and visually subtle, while 700 & 800 are rather thick and visually obstructive, damaging entire feel.

For this reason, I choose 500(may also be adjusted to 600 if needed) instead of 800 as strong/b font weight on Windows.

etigerstudio commented 5 years ago

I'm planning to change font weight to (300,500) on macOS & (400,600) on Windows from (300,400) on macOS & (400,500) on Windows to make it a little more obvious to distinguish between normal & bold text.

GoodWillChase commented 5 years ago

I've done some tests and maybe I know where the problem is.

I changed strong/b font weight (line 505 in the 'misty-light-windows.css').

For me, it turns out that 400 & 500 render as same thickness(see first shot) and 600 & 700 render as same thickness(see second shot) and 800 & 900 render as same thickness which is much more thicker(see third shot):

FSCapture_2019-03-18_10-52-13

FSCapture_2019-03-18_11-05-11

FSCapture_2019-03-18_11-08-06

So I think you just need to choose 600 instead of 500 as strong/b font weight on Windows and it will be all okay.

Maybe it's a Windows System problem or something else. I don't know. Hope it helps.

etigerstudio commented 5 years ago

Thank you for opening this issue & doing experiments!

Fixed in v0.4.1. If you find any other problem or have any other idea on the theme, free feel to open up another issue!