如何更改 Notion 中的字体?

题图:来自网络
Hello 大家好,我是安哥。
今天的这篇文章,想给大家介绍一下:如何更改 Notion 中的字体。
Notion 提供了三种风格的字体样式,分别是非衬线字体、衬线字体和等宽字体,默认使用的是非衬线字体,这种字体的特点是所有笔画粗细一致,典型如微软雅黑、思源黑体。

如果你想在 Notion 中使用自定义的字体,也是可以实现的,网页版 Notion 和客户端 Notion 的实现方法略有不同。
① 网页版 Notion
网页版 Notion 有两种更改字体的方法,一种是更改浏览器默认的字体设置,以 Chrome 浏览器为例,在地址栏输入 chrome://settings/fonts 打开字体设置页面。
字体设置页面可分别改变 4 类字体所使用的字体,包含标准字体、Serif 字体(衬线字体)、Sans-serif 字体(非衬线字体)和等宽字体。

经测试,只更改 Sans-serif 字体所使用的字体,例如我将其设置为「江西拙楷」,就可以更改 Notion 的中文字体。

使用这个更改 Notion 字体的方法,由于它改变的是浏览器的全局字体,这会让其他页面的字体也受到影响,例如 Chrome 新标签页的字体。

如果我们只想单独更改 Notion 的字体而不影响到其他的页面,这里可以使用另外一种更改字体的方法:
这种方法需要你安装一个浏览器插件 Stylus,它是一个可用来调整网页外观的插件,让你自行修改网站的主题、皮肤和字体等。

安装插件之后,在打开 Notion 页面的情况下,点击浏览器右上角的 Stylus 插件图标,将鼠标移动到面板上的 notion.so 网址并单击。

在打开的样式编辑页中,粘贴下方的 CSS 代码,其中 font-family 的值替换为你想使用的字体名称,前提是你已经在电脑上安装了这款字体。

如果你不确定你是否安装了某款字体,可以打开路径 C:\Windows\Fonts,查看本地安装的所有字体。

修改好之后回到 Notion 页面,顺利的话,就可以看到页面的字体同样被更改了。

Stylus 插件下载地址:
https://www.crx4chrome.com/crx/45976/
② Notion 客户端
至于 Notion 客户端想要更改字体,则需要用到上次介绍过的 Notion 美化插件 Notion enhancer,插件安装方法见之前的文章,这里不再复读:
打开 Notion enhancer 插件面板,将「font chooser」切换到启用的状态,接着在下方的「sans-serif」中输入你想使用的字体,之后重启 Notion,就可以替换掉原先的字体了。

font chooser 针对 Notion 中的不同 block,提供了设置不同字体的选项,例如我们可以分别设置代码和引用这两个 block 的字体。
有需要的朋友可以自行设置相应的字体,提高文章中代码和引用部分的阅读舒适感。

以上就是本次想和你分享的内容。
看完文章如果觉得对你有帮助的话,别忘了点击底部的「点赞/在看」鼓励一下我,谢谢。
我的年度目标:公主号达到 1 万关注
目前进度 9485/10000
需要得到你的支持
公主号千千万,在比特世界相遇也是一种缘分
还没关注的朋友,请点下面👇👇的卡片关注

版权声明: 本文为 InfoQ 作者【彭宏豪95】的原创文章。
原文链接:【http://xie.infoq.cn/article/9c6140968755d00184a5d0510】。文章转载请联系作者。
评论