问题：有一些日语文字だめ正确显示

image.png

原因：是字体问题，现在用的字体不能支持某些字符的显示

解决：添加日文输入法

问题：日文输入法会影响其他的语言下的样式

解决：根据系统当前语言切换不同的字体样式

实现1：js中拿到当前语言，动态require文件

问题：本地测试ok，但是线上环境无论何时都会加载文件，导致一直是日语的样式

原因：暂时没搞明白

实现2：js中拿到当前语言，判断为日语时加载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);
  }
};

 /**
     * 动态加载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);
}