Решить проблему путаницы с китайским шрифтом Chrome в Ubuntu

Ubuntu

Справочная информация: Терминальной системой продуктов компании является Ubuntu, а все пользовательские операции выполняются в браузере Chrome. Однако некоторые китайские шрифты в интерфейсе смешаны с полужирным и курсивом, что очень некрасиво.

Цель: унифицированный интерфейс дисплей шрифта.

Путем исследований, основные решения в Интернете: 1. Удалить курсив + изменить системный шрифт 2. Изменить шрифт в настройках. 3. Добавьте «-disable-tabbed-options» в команду программы запуска и щелкните правой кнопкой мыши любое поле ввода, чтобы проверить правильность написания. эти три способа.

Первые две схемы были проверены, и они действительно эффективны, но от этих схем отказались, потому что продукция была продана.

Третий способ слишком тупой, а также не соответствует требованиям и не проверен практикой.

1. Установите новые шрифты для Ubuntu

Если на веб-странице не указан шрифт, браузер вызовет системную конфигурацию шрифта по умолчанию.

  1. Чтобы установить шрифты Wenquanyi:

    sudo apt-get install ttf-wqy*

  2. Изменить настройки шрифта

    sudo gedit /etc/fonts/conf.avail/69-language-selector-zh-cn.conf

Затем вы можете установить приоритет шрифта в этом файле и, наконец, перезагрузить компьютер, чтобы конфигурация вступила в силу.

установить/удалить шрифты в Linux

2. Установите шрифт браузера

Шрифт chromium (хром) по умолчанию под Linux не наследует системный шрифт.

Невозможно выбрать общие шрифты в элементах конфигурации браузера, поэтому выберите непосредственное изменение исходного файла элементов конфигурации.~/.config/chromium/Default/Preferences

(Это каталог хрома, хром теоретически может заменить хром на хром)

  1. Закройте все запущенные хромы (chrome), vim откройте файл конфигурации и отредактируйте.

shift+gПерейти в конец файла:

"webkit": { "webprefs": { "global": { "fixed_font_family": "monospace", "sansserif_font_family": "scans", "serif_font_family": "scans-serif", "standard_font_family": "scans" }, "uses_universal_detector": true } }

Сбросьте набор шрифтов и приоритет по мере необходимости.

3. Настройте собственный набор шрифтов в проекте

На самом деле, наиболее распространенным решением является использованиеfont-faceВнедрение пользовательских шрифтов. Загрузите файл используемого шрифта на сервер, используйтеfont-faceзагружается на веб-страницу.

По-настоящему понять правила шрифта @font в контексте CSS3.

и немного проще использовать существующий шрифт, но учтитеfont-familyПорядок применения шрифтов, старайтесь не показывать, что шрифты не совпадают, а эффект отображения особенно плох после понижения версии.

Как сделать так, чтобы шрифты веб-страниц отображались максимально качественным полужирным шрифтом на всех платформах?

Fonts.css — кроссплатформенное решение для китайских шрифтов.

Принято окончательное решение:

  • Изначально использовался вышеfonts.cssбиблиотеку, но позже выяснилось, что последняя ссылка в проектеfonts.css/dist/fonts.cssНа самом деле существует несколько указанных наборов шрифтов.class.
.font-hei {
    font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}
.font-kai {
    font-family: Baskerville, Georgia, "Liberation Serif", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", serif;
}
.font-song {
    font-family: Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
}
.font-fang-song {
    font-family: Baskerville, "Times New Roman", "Liberation Serif", STFangsong, FangSong, FangSong_GB2312, "CWTEX\-F", serif;
}
  • к вышеизложенномуfont-familyУбедитесь, что наилучшие результаты.font-hei.
  • Таким образом, в конце концов, набор шрифта был добавлен в глобальные стили CSS проекта.
*{
    font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

Хай, обследовал долгое время, и, наконец, найден, на самом деле решение очень просто.

Категории