Global Font: Adobe-branded

An user stylesheet to replace all fonts on web pages with Adobe-branded fonts, brings you a more unified and beautiful visual style.

< Feedback on Global Font: Adobe-branded

Review: OK - script works, but has bugs

§
Posted: 2021-02-20

远景论坛不能更换字体 http://bbs.pcbeta.com/
麻烦修正一下,谢谢

francis-zhaoAuthor
§
Posted: 2021-02-24

参考链接:https://github.com/francis-zhao/userstyles/issues/1

不好意思,其他网站遇到无法替换都可以手动添加规则,但 PCBETA 添加了也没用,遇到这个问题你应该用的是 .user.js 脚本方式添加的这个样式表,PCBETA 自己的脚本会在加载时移除所有第三方插入的脚本文件,所以你会看到字体生效后一闪而过恢复原状。

目前只有两个解决办法:

方案一:修改脚本的执行时机为网页加载完成后,即在 PCBETA 的脚本执行移除操作后再插入这个脚本,但是副作用明显,所有网站字体替换都会先显示默认字体,然后刷新成思源黑体或微软雅黑,视觉感官影响明显。折中的解决办法就是只对 PCBETA 执行加载完成后再插入脚本刷新字体,其他网站还是替换显示,具体操作你可以尝试在 Tampermonkey 或油猴中新建脚本,复制下面内容后按 Ctrl + S 保存即可。

// ==UserScript==
// @name         PCBETA 字体替换
// @namespace    franciszhao
// @version      0.1
// @description  PCBETA 字体替换
// @match        *://*.pcbeta.com/*
// @grant        GM_addStyle
// @run-at       document-end
// ==/UserScript==

(function () {
  'use strict';

  const css = '* { font-family: "Source Han Sans SC", "Noto Sans CJK SC", "HanHei SC", "方正兰亭黑_GB18030", "方正兰亭黑_GBK", system-ui, -apple-system, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", emoji; } button, input, keygen, optgroup, select, textarea { font-family: inherit; } code, kbd, pre, samp { font-family: "Source Han Mono SC", "Noto Sans Mono CJK SC", "Source Code Pro", "Noto Mono", "Roboto Mono", "Source Han Sans SC", "Noto Sans CJK SC", "HanHei SC", "方正兰亭黑_GB18030", "方正兰亭黑_GBK", system-ui, -apple-system, monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", emoji; }';

  if (typeof GM_addStyle !== 'undefined') {
    GM_addStyle(css);
  } else {
    const styleNode = document.createElement('style');
    styleNode.appendChild(document.createTextNode(css));
    (document.querySelector('head') || document.documentElement).appendChild(styleNode);
  }
}());

方案二:直接以 .user.css 样式表方式使用字体替换规则,PCBETA 只移除第三方脚本,不会影响到插入的样式表,因此安装 Stylus 扩展(Chrome 应用商店或 Firefox 附加组件中搜索即可,或者官网右上角下载 https://add0n.com/stylus.html )后在脚本页面点第二个绿色按钮 Install as user style 即可,以样式表安装后可以在 Tampermonkey 中删除此脚本,留一个即可。

这个字体替换规则本来也是用的样式表写成的,Greasy Fork 支持自动转换成脚本提供另一种安装方式,理论上直接使用样式表性能会更好一点,你可以考虑一下,如果实在不想再装一个扩展,建议使用方案一。

Post reply

Sign in to post a reply.