search

BoostIO / BoostNote-App

Boost Note is a document driven project management tool that maximizes remote DevOps team velocity.
https://boostnote.io
Other
3.8k stars 373 forks source link

Chinese characters displayed as tofu #589

Open xfq opened 4 years ago

xfq commented 4 years ago

Current behavior

First, thank you for working on Boost Note!

I used it for the first time today and encountered some issues: some Chinese characters can be displayed normally in the editor, but the rendering is "tofu" (i.e., font fallback box glyph). The four characters after # are 管理仓库 (all of them are common Simplified Chinese characters).

tofu

In Preferences > General, I tried changing the Interface Language to 中文 (CN), but the result is the same.

In Preferences > Editor, Editor Font Family is SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace, which is the default value.

Expected behavior

管理仓库 should be rendered as... 管理仓库.

Steps to reproduce

  1. Open Boost Note
  2. Create a note
  3. Input "管理仓库"

Environment

Desktop

Rokt33r commented 4 years ago

I think we should allow to customize UI fonts. @xfq Btw, which font would be the best for Chinese characters?

xfq commented 4 years ago

Here is a sans-serif font stack used in a project I'm involved in, for your reference:

https://github.com/w3c/clreq/blob/c545424c6829da35c819f851e8f347fd91e75aea/local.css#L1-L7

They are mainly fonts that come with operating systems. The advantage of this is that it matches what the current OS uses, so it can be a comfortable look.

Rokt33r commented 4 years ago

https://github.com/BoostIO/BoostNote.next/issues/492 This should be related

wu-yue-yu commented 3 years ago

I think we should allow to customize UI fonts. @xfq Btw, which font would be the best for Chinese characters?

Hi! I have an idea. This font Consolas-with-Yahei makes Chinese characters and English characters looks good.

Rokt33r commented 3 years ago

@CindyCyber Thanks for the suggestion. But I couldn't find any license of this font.... Do you know any other options? if you don't, I think I should make the app font configurable and write a document so users can resolve this issue by theirselves.