一日一技 | 利用油猴插件自定义网页显示字体

浏览器打开网页的字体，可以通过安装油猴插件的方式实现自定义，带来统一的阅读体验。

引言

效果图示例如下。

上图左侧，用 Safari 打开百度百科词条页面，默认显示的网页字体是 macOS 中自带的仿宋体。这种字体在 Mac 的屏幕下略显突兀，字体不够美观，与上方表单中显示的平方字体的“宋体”二字也不项映衬。通过添加油猴插件，可以实现右侧图片的显示效果，即网页内所有的字体都统一为苹方字体，界面清爽许多。

具体步骤

安装适用于浏览器版本的油猴插件
在脚本源中搜索并安装“强制使用微软雅黑”这款脚本（也可以复制关键代码，新建脚本，储存使用）
打开字体集，查看想要替换的字体在电脑中的名称
打开油猴插件，对插件进行编辑，将代码的字体名称部分进行替

脚本中的关键执行代码

// 这里是代码注释区
// 将自定义的字体清单存放在这里
// 方便调用
// Microsoft YaHei
// Source Han Serif CN// 替换网页字体
(function() {changeFont("PingFang SC",1);
})();

这里将强制使用的字体修改为了苹方字体。

注意事项

之后再慢慢摸索时，发现有几个注意事项，这里总结一下：

字体已经安装在了你的 macOS 内
字体的名字不是熟悉的中文，也不一定是字体册内显示的名字，应正确输入字体的代码名字
即使满足前两个要求，也不是所有的字体都能够被支持
一定程度上会影响网页的打开速度

字体清单

这里给一份自用的字体名单，列出名字来方便复制粘贴（记得安装相应自体）。

Hiragino Sans GB | 冬青黑体
Microsoft Yahei | 微软雅黑
PingFang SC | 苹果苹方
Source Han Sans | 思源黑体
Source Han Serif CN | 思源宋体
Courier New | 程序员字
Impact | 有趣的字体

可以把常用字体添加到脚本代码上方 // 注释区，方便随时修改。

最后，感谢脚本上传者 BackRunner！

从此 Safari 变得多姿多彩，可爱至极

一日一技 | 利用油猴插件自定义网页显示字体相关推荐

利用油猴插件实现百度云满速下载
提示:这里建议搭配IDM进行下载!!!可以先去了解一下IDM. 下载油猴插件http://tampermonkey.net/ 下载js脚本点我跳转将网页内容全部复制,保存到文本文档中安装油猴插件 ...
利用油猴插件 Tampermonkey 编写脚本以屏蔽网页指定元素——以屏蔽百度搜索右边的百度热榜为例
一.起因一直使用 Tampermonkey 中的 AC-baidu-重定向优化百度搜狗谷歌必应搜索_favicon_双列这个插件屏蔽好好的,今天突然屏蔽不了,正好自己编写一个简单的插件试试完成这一 ...
利用油猴脚本显示扇贝网真实打卡日记
本文首发在我的个人博客:https://jlice.top/p/7kmxm/.欢迎大家前去参观,么么哒~ 前一段时间发现扇贝网页版显示的打卡日记和手机上看到的不一致,感觉应该是网页版开发滞后的原因.这 ...
日常使用——利用油猴脚本将数据所需要的数据输出的控制台
最近由于碰到需要从网页上扒下来不少数据表的内容,由于网站上有了相应的数据保护,无法直接从网页上复制,通过F12调出查看网页上的表格结构,发现数据卸载 titile属性里面,又设置的是只读. 因此想到利 ...
利用浏览器的油猴插件下载网页视频
1. 油猴介绍油猴是一个浏览器的插件,该插件用于管理(安装和卸载)浏览器的功能脚本,实现浏览器附加功能的添加. 众所周知,浏览器可以添加扩展程序插件,以扩展浏览器的功能.但是,有些扩展程序国内无法安 ...
如何利用油猴脚本（tampermonkey)免费使用知网维普？
1. 首先在浏览器里找到"扩展程序" 谷歌浏览器:自定义及控制chrome--更多工具--扩展程序 Edge浏览器:设置及其他--扩展 ps:自定义及控制chrome} 设置及其 ...
css提取页面元素唯一性_一日一技：爬虫如何正确从网页中提取伪元素？
摄影:产品经理家里做点简单菜我们来看一个网页,大家想想使用 XPath 怎么抓取. 可以看到,在源代码里面没有请抓取我!这段文字.难道这个网页是异步加载?我们现在来看一下网页的请求: 网页也没有发起 ...
火狐Firefox浏览器安装使用油猴Tampermonkey插件
下面说下火狐安装油猴插件相比之下,火狐使用油猴插件更容易一些,因为安装可以直接到火狐浏览器拓展下载. 下载地址百度搜索火狐插件,或者从浏览器拓展中找到如下 chorme的插件国内是进不去的,火狐的官 ...
Mac的Safari安装油猴插件（Tampermonkey）
Mac的Safari安装油猴插件(Tampermonkey) 官方的AppStore是没有油猴插件(Tampermonkey)的,官方插件不仅少,功能被阉割,相对弱小,还收费.嗯,这很苹果第三方拓展. ...

一日一技 | 利用油猴插件自定义网页显示字体

引言

具体步骤

注意事项

字体清单

一日一技 | 利用油猴插件自定义网页显示字体相关推荐

最新文章

热门文章