Multibyte characters in in visuals get garbled for pdf/png report

[zhongnansu]

I used these characters for test and found that this may occurs when using more than 3-bytes (UTF-8 encoding) characters. These characters look nice through when using browser.

2 bytes - ÁÂÃÄ
3 bytes - あいうえお
4 bytes - 🀀🀁🀂🀃

• Browser
  

• Reports:
  

Also chinsese characters have the same issue.

[zhongnansu]

@joshuali925 I remember you said this may be related to fonts lib used in Chromium? Could you share a bit more details

Is this issue also related? #69

[zhongnansu]

some ref:

• https://www.elastic.co/guide/en/kibana/current/reporting-troubleshooting.html#reporting-troubleshooting-text-incorrect
• [Docker/Reporting] Stack Docker image doesn't provide enough language fonts for Reporting screen captures elastic/kibana#70889

[joshuali925]

If the server does not have corresponding fonts installed, chromium won't be able to render them and they'll look like empty rectangles. #69 is the same issue and can be fixed by sudo yum install -y google-noto-emoji-color-fonts.noarch on centos for example