Use system font for webviews instead of bootstrap font stack #4147
Conversation
|
How does removing bootstrap's native font stack change the way pages look on mobile clients? There doesn't seem to be consensus on whether |
Good question. I do not know how to test that though (I'm assuming I'd need to install Android studio and compile the .apk, which is something I cannot do). In theory, though, it should take whatever font the mobile OS is using. |
I can try to use "system-ui" instead of "inherit" this evening and check whether everything still works as expected on my debian machine. |
As promised, I just tried that. The webview does not use the font that I selected, if |
|
AnkiMobile already injects -apple-system into the webpage, so it should be unaffected, and AnkiDroid should be able to do similar if it needs to. Interesting how system-ui is still being debated, and it still seems to cause problems for Asian languages. Happy to give this a try to see how it works out. |
Fixes:
Issue
Bootstrap applied a default style to the webviews. Due to that, the font that the user had set in their OS was ignored. This PR fixed that.
Images
You can find more images in the second link above.
With this PR, the system font is applied correctly. I am using a weird font as a system font to make it very obvious.