Reader is not rendering accurately

[gaoxiaoliangz]

Between pages, content may not be accurately aligned. My first assumption is that it's because that server side and client side used different fonts to render content. Further study need to be done in order to fix this.

[gaoxiaoliangz]

Solution 1

When server rending, pick the font that client may use, based on the platform info. Use that platform's default sans-serif font.

So the mainstream platforms are Windows, macOS, iOS, Android.

Problems may be: os may have different versions, and they may include different sans-serif fonts. And even if the same fonts are used, the linux-based env may not render exactly the same as the client side.