Obsidian移动端字体简单修改教程

移动端1.1.1
主题:Blue Topaz
所需插件:Style Settings

为了避免主题更新覆盖,我们选择使用CSS代码片段来添加字体文件

在线转换字体文件

Webfont generator

Add fonts 上传你的字体文件

TTF, OTF, WOFF, WOFF2 or SVG, 单个文件最大15 MB。支持多次上传和拖放。

参数设置

仅打开Family support和Base64 encode

Formats取消勾选WOFF,即只勾选WOFF2

Demo page language选择Without demo page

其它参数默认就好

Convert与Download

配置与使用

转换之后的文件是压缩包,解压,其中的stylesheet.css即是我们需要的CSS代码片段

css大概内容

@font-face {
font-family: 'LXGW WenKai Lite';
src: url('data:font/woff2;charset=utf-8;base64,……
font-weight: bold;
font-style: normal;
font-display: swap;
}

其中font-family: 'LXGW WenKai Lite';中的LXGW WenKai Lite即为字体id,可以修改,允许中文,但是不能重复

修改stylesheet.css文件名为LXGW WenKai Lite.css,便于区分管理,文件名可以修改,但是不能重复

将LXGW WenKai Lite.css文件移动到.obsidian/snippets下,若无snippets文件夹请自行新建

Obsidian-Settings-外观-CSS代码片段,刷新,启用LXGW WenKai Lite.css

Obsidian-Settings-Style Settings-Blue Topaz Theme-2.细节设置-2.2排版-2.2.1字体设置,选择要修改的内容,清空输入框,然后直接输入字体id即可,如LXGW WenKai Lite

如你所见,这只是一个简单的修改教程,如果你有什么问题或想法,欢迎与我交流。

推荐阅读:
Obsidian主题样式修改半入门教学

9 个赞

求教大佬,按照你说的操作了, 标题、文件列表什么的都没问题,为啥正文改不过来呢(捂脸

你好,我这里又测试了移动端1.2.0和1.2.2,都是没有问题的。
请确保你已经启用了对应的CSS代码片段。
如果你在使用Blue Topaz主题,并且通过其Style Settings里的2.2.1字体设置中的主体字体来修改正文字体的话,我猜测你可能没有填写正确的字体id,如图,字体id必须填写一致,字体id为方正书宋。




你好,请教是哪里出错了,正文改不过来(捂脸

楼主你好,我想更换的字体超过15m无法使用你介绍的网站去转换,所以请问css中的src属性能否引用外部ttf文件,而不是转换为base64 编码数据的 URI,比如“src: url(“./font/本墨绪圆-常规.ttf”) format(“truetype”);”,我尝试过这种方式,可是怎么也无法成功。请问是语法问题,还是从本质上根本不可行呢。恳请楼主指导一下谢谢。

你可以在电脑上面先调试一下,应该是文件放的位置的问题。电脑好了以后手机端应该也能用了。

随便找了一个css路径相关的