☰

字体替换 (Font replacer)

替换网站硬编码在 CSS 中的字体

当前为 2022-01-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Font replacer
  3. // @name:zh-CN  字体替换 (Font replacer)
  4. // @name:zh-TW  字型替換 (Font replacer)
  5. // @namespace   font-replacer
  6. // @grant       none
  7. // @version     1.0
  8. // @author      Coxxs
  9. // @description Replace fonts hard coded by websites
  10. // @description:zh-cn 替换网站硬编码在 CSS 中的字体
  11. // @description:zh-tw 替換網站寫死在 CSS 中的字型
  12. // @include     *
  13. // @license     MIT
  14. // @run-at      document-start
  15. // ==/UserScript==
  16.  
  17. function addStyle(css) {
  18.   const _insertStyle = (css) => {
  19.     let style = document.createElement("style")
  20.     style.innerHTML = css
  21.     document.head.prepend(style)
  22.   }
  23.   if (document.head) {
  24.     _insertStyle(css)
  25.   } else {
  26.     const observer = new MutationObserver((mutations, observer) => {
  27.       if (!document.head) return
  28.       _insertStyle(css)
  29.       observer.disconnect()
  30.     })
  31.     observer.observe(document.documentElement, { childList: true, subtree: true })
  32.   }
  33. }
  34.  
  35. class Replacer {
  36.   constructor() {
  37.     this.css = []
  38.   }
  39.   add(from, to) {
  40.     for (const font of to) {
  41.       let extra = []
  42.       if (font.weight) {
  43.         extra += `font-weight:${font.weight};`
  44.       }
  45.       this.css.push(`@font-face{font-family:"${from}";${extra}src:local("${font.name}")}`)}
  46.     }
  47.   toString() {
  48.     return this.css.join('')
  49.   }
  50. }
  51.  
  52. let replacer = new Replacer()
  53.  
  54. /**** Replace rules START *****/
  55.  
  56. const SourceHanSansSC = [
  57.   { name: 'Source Han Sans SC' },
  58. ]
  59.  
  60. const SourceHanSansTC = [
  61.   { name: 'Source Han Sans TC' },
  62. ]
  63.  
  64. const HarmonyOSSans = [
  65.   { name: 'HarmonyOS Sans SC' },
  66. ]
  67.  
  68. const MiSans = [
  69.   { name: 'MiSans Thin', weight: 100 },
  70.   { name: 'MiSans ExtraLight', weight: 200 },
  71.   { name: 'MiSans Light', weight: 300 },
  72.   { name: 'MiSans Regular', weight: 400 },
  73.   { name: 'MiSans Medium', weight: 500 },
  74.   { name: 'MiSans Demibold', weight: 600 },
  75.   { name: 'MiSans Bold', weight: 700 },
  76.   { name: 'MiSans Heavy', weight: 900 },
  77. ]
  78.  
  79. // Simpified Chinese
  80. const FontSC = SourceHanSansSC
  81. replacer.add("宋体", FontSC)
  82. replacer.add("SimSun", FontSC)
  83. replacer.add("新宋体", FontSC)
  84. replacer.add("NSimSun", FontSC)
  85. replacer.add("微软雅黑", FontSC)
  86. replacer.add("Microsoft YaHei", FontSC)
  87. replacer.add("Microsoft YaHei UI", FontSC)
  88. replacer.add("黑体", FontSC)
  89. replacer.add("SimHei", FontSC)
  90. // replacer.add("华文中宋", FontSC)
  91. // replacer.add("STZhongsong", FontSC)
  92. // replacer.add("华文细黑", FontSC)
  93. // replacer.add("STXihei", FontSC)
  94. // replacer.add("STHeiTi", FontSC)
  95. // replacer.add("幼圆", FontSC)
  96.  
  97. // Traditional Chinese
  98. const FontTC = SourceHanSansTC
  99. replacer.add("微軟正黑體", FontTC)
  100. replacer.add("Microsoft JhengHei", FontTC)
  101. replacer.add("Microsoft JhengHei UI", FontTC)
  102. replacer.add("新細明體", FontTC)
  103. replacer.add("PMingLiU", FontTC)
  104. replacer.add("細明體", FontTC)
  105. replacer.add("MingLiU", FontTC)
  106.  
  107.  
  108. /**** Replace rules END *****/
  109.  
  110. addStyle(replacer.toString())