移动端obsidian字体设置

因为没法自己选择本地字体，所以得采用css来加载

参考移动端自定义字体简要说明-经验分享

1. ttf文件转woff

woff2_compress LXGWWenKaiMonoSrceen.ttf

得到一个LXGWWenKaiMonoScreen.woff文件

2. 转换css

# 生成base64编码
FONT_BASE64=$(base64 -w 0 LXGWWenKaiMonoScreen.woff2)
 
# 创建CSS文件
cat >> LXGW-Bold.css << EOF
@font-face {
    font-family: "LXGW Wenkai Mono Screen";
    src: url("data:font/woff2;charset=utf-8;base64,${FONT_BASE64}") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
EOF

3. 转移css文件到Vault/.obsidian/snippets

4. 然后直接在obsidian的style setting插件里面修改字体，

5. 备用选项，直接修改其css。在snippets下新建fonts.css，设置你想要的样式，以下是我的参考：

:root {
	/* 加粗字体 .cm-strong */
	/* --setting-text-bold-font  优先级更高 */
	
	--text-yee: maplemono,LXGW Wenkai Mono Screen;
	--text-maple: maplemono;
	--text-lxgw: LXGW Wenkai Mono Screen;
}
 
.app-container{
	.view-header{
		.view-header-title-container{
			.view-header-title-parent{
				font-family: var(--text-yee)
			}
		}
	}
	.view-content{
		.cm-line {
			font-family: var(--text-yee);
			.cm-strong {
				font-weight: 600 /* 设置weight没啥用，LXGW Screen本身就使用了Medium改成Regular，加Bold字体也没有，感觉得找一个另外合适的字体 */
			}
		}
	}
}

好吧其实是我搞完字体开始装插件才发现是style setting里面设置，我还在外观里面找[tb01]