I'm conducting font loading tests using Kotlin/WAS...
# compose-web
b
I'm conducting font loading tests using Kotlin/WASM, and I've discovered that the fonts here are not vector-based. When I zoom in or out, the fonts become severely blurred. Even at 100% zoom level, the fonts still appear noticeably fuzzier compared to those loaded normally in a div. Interestingly, when I refresh the page at 500% zoom and then scale back to 100%, the page becomes significantly sharper. I'm unsure why this happens. Even after obtaining
window.devicePixelRatio
and applying it to the text to trigger recomposition, the text updates correctly but remains equally blurry. I find this behavior unacceptable for practical use.
c
b
pic1: 500%->200% pic2: 500% pic 3: 100%->500% pic 4:100%. even in 100% scale level,the text is still blurry compare to appendElement.
@Chrimaeon It is ! Is this a bug or a unimplement feature?
c
There is a link in the discussion to the youtrack ticket
b
I was shocked to find that even at the default zoom level (100%), the text rendering remains noticeably blurrier compared to regular div text elements.
c
I was shocked
you know that Compose WASM is in an alpha state!? You might get more shocked when you start to use
TextField
and expect the same behavior as a the html
<input>
😉
😅 1
b
@Chrimaeon You're right, after all, it's an alpha version encountering issues is normal. Maybe it's just because im used to the smooth performance in the JVM environment.