fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-04-18
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
阅读:5186回复:7

[已解决]能不能用不同的字体,分别显示常规和粗体的脚本?

楼主#
更多 发布于:2021-10-18 14:41
油猴扩展。
网页只有一个字体,看腻了。
想要以不同的字体来显示粗体,比如常规用黑体,粗体用宋体。
或者按字号来选择不同字体,比如12号以下是黑体,12号以上是宋体。
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-04-18
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
1楼#
发布于:2021-10-18 17:42
分享一个我现在用的字体脚本,text-shadow 那里适当添加阴影,可以让 chromium 系浏览器的字体效果实现类似 firefox 和 mactype 的效果:
// ==UserScript==
// @name                 Replace fonts
// @name:zh-CN           替换网页字体
// @namespace            https://*
// @version              3.3
// @author               zozovo
// @description          Replace fonts
// @description:zh-CN    替换网页字体
// @include              *
// @supportURL           https://*
// @run-at               document-start
// @grant                GM_addStyle
// @license              MIT
// ==/UserScript==
  
(function () {
    GM_addStyle(`
    :root body :not(:is(em,i)){font-family:"HarmonyOS Sans SC",system-ui,emoji}
    :root :is([lang$=HK],[lang$=MO]) :not(:is(em,i)){font-family:"HarmonyOS Sans SC",system-ui,emoji}
    :root :is([lang$=TW],[lang$=hant]) :not(:is(em,i)){font-family:"HarmonyOS Sans SC",system-ui,emoji}
    :root :lang(ja) :not(:is(em,i)){font-family:"HarmonyOS Sans SC",system-ui,emoji}
    :root :lang(ko) :not(:is(em,i)){font-family:"HarmonyOS Sans SC",system-ui,emoji}
    :root body :is(pre,code,samp,kbd,var){font-family:"HarmonyOS Sans SC"}
    :root body :is(pre,code,samp,kbd,var) span{font-family:"HarmonyOS Sans SC"}
    `);
     GM_addStyle('* {text-shadow : 0.01em 0.01em 0.01em #999999}');
})();
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-04-18
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
2楼#
发布于:2021-10-19 17:59
alanfly:可以用@font-face语法实现,指定常规和粗体分别用不同字体。
原理就是利用font-face替换页面字体的功能来分别替换粗体和常规字体。
把local后面的sans-serif换成你想要替换的字体,有font-weight那行的就...
回到原帖
感谢!
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-04-18
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
3楼#
发布于:2022-01-08 15:34
alanfly:可以用@font-face语法实现,指定常规和粗体分别用不同字体。
原理就是利用font-face替换页面字体的功能来分别替换粗体和常规字体。
把local后面的sans-serif换成你想要替换的字体,有font-weight那行的就...
回到原帖
有一些页面指定粗体不生效,请问是什么原因?比如:
https://wiki.archlinux.org/title/Arch_Linux
https://www.archlinuxcn.org/
fire/fox
火狐狸
火狐狸
  • UID32624
  • 注册日期2010-04-21
  • 最后登录2024-04-18
  • 发帖数172
  • 经验169枚
  • 威望0点
  • 贡献值182点
  • 好评度9点
  • 社区居民
  • 忠实会员
4楼#
发布于:2022-01-08 22:44
alanfly:因为需要有具体的字体才能替换,上述两个页面的css都没有指定页面字体,而是设置成了‘sans-serif’。  sans-serif字体选择归系统字体链接管理的。
sans-serif是无衬线字体族,不是具体的某一个字体,我试了下无法替换...
回到原帖
完美,感谢!
游客

返回顶部