問題：有一些日語文字だめ正確顯示

image.png

原因：是字體問題，現(xiàn)在用的字體不能支持某些字符的顯示

解決：添加日文輸入法

問題：日文輸入法會影響其他的語言下的樣式

解決：根據(jù)系統(tǒng)當(dāng)前語言切換不同的字體樣式

實現(xiàn)1：js中拿到當(dāng)前語言，動態(tài)require文件

問題：本地測試ok，但是線上環(huán)境無論何時都會加載文件，導(dǎo)致一直是日語的樣式

原因：暫時沒搞明白

實現(xiàn)2：js中拿到當(dāng)前語言，判斷為日語時加載css腳本

const JA = `
  body {
    font-family: "Monospaced Number", "Microsoft YaHei", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial !important;
  }
  .ant-tabs, .ant-table, .ant-form-item, .ant-collapse, .ant-input, .ant-pagination, .ant-select, .ant-modal, .ant-form-item {
    font-family: "Monospaced Number", "Microsoft YaHei", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial !important;
  }
  input, button, select, optgroup, textarea {
    font-family: "Monospaced Number", "Microsoft YaHei", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "メイリオ", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial !important;
  }
`;
export { JA };

import { JA } from './assets/styles/StyleStr';

const getCurrentFont = () => {
  const curLanguage = getCurrentLanguage();
  if ( curLanguage === 'jp_JP' ) {
    loadStyleString(JA);
  }
};

 /**
     * 動態(tài)加載css腳本
     * @param {string} cssText css樣式
     */
  function loadStyleString(cssText) {
    const style = document.createElement("style");
    style.type = "text/css";
    // firefox、safari、chrome和Opera
    style.appendChild(document.createTextNode(cssText));
    document.getElementsByTagName("head")[0].appendChild(style);
}