Typora修改字体样式（含代码块中的字体）

1. 修改页面字体显示

偏好设置 →外观，找到主题一栏，打开主题文件夹，选择你当前主题下的*.CSS*文件。如我使用的是github主题，则我打开github.css文件。

找到以下代码，将你想用的字体放在font-family的第一个位置。如我使用的就是华康手札体W5P。同样你可以换成微软雅黑、华文行楷等字体（看个人喜好）。自己系统里存的字体可以在C:\Windows\Fonts下看，选择自己喜欢的字体。

body {font-family: "华康手札体W5P","Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif;color: rgb(51, 51, 51);line-height: 1.6;
}

2. 代码块字体修改

上述字体样式的修改只会修改正常页面下的字体样式，并不会改变代码块中的字体。代码块中的字体样式的修改，同样在对应主题文件夹下的 .CSS 文件中。找到以下代码，在原代码中加入font-family设置，如下所示。

# 复制如下命令进.css文件中，font-family为你在代码块中想用的字体
.CodeMirror-wrap .CodeMirror-code pre { font-family: "华康手札体W5P", "JetBrains Mono", "Microsoft YaHei"
}

# 在以下代码中加入font-family属性
.md-fences,
code,
tt {border: 1px solid #e7eaed;background-color: #f8f8f8;border-radius: 3px;padding: 0;padding: 2px 4px 0px 4px;font-size: 0.9em;font-family: "华康手札体W5P"
}

上述修改完成后重启Typora，字体样式就修改好了。

Typora修改中文字体样式（含代码块中的中文字体）相关推荐

html剪纸服务器的字体样式,如何在HTML中使用图标字体 - icon font？
主要特性使用icon font来生成图标相对于基于图片的图标来说,有如下的好处: 1.自由的变化大小 2.自由的修改颜色 3.添加阴影效果 4.IE6也可以支持 5.支持图片图标的其它属性,例如,透 ...
typora修改主题字体、代码块字体、行内块代码字体大小、引用块字体大小、代码块背景颜色、文章可写区域宽度以及修改教程
目录 0. 授人以渔 1.主题字体 2.代码块字体大小 3.引用块字体大小 4.代码块背景颜色 ①pink老师的样式代码 ②自己搜到的样式 5.块代码字体大小 6.修改文章可写区域的宽度 0. 授人以 ...
java字体美化_Java 在Excel单元格中应用一种/多种字体样式(实例代码)
这篇文章主要介绍了Java 在Excel单元格中应用一种/多种字体样式,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下在Excel表格中,设置单元格字体样式时,可 ...
为一个字符正常显示我遍历了macOS系统的所有字体ttf(含代码)
本文原文:为一个字符正常显示我遍历了macOS系统的所有字体ttf(含代码) 近期再做一个简体繁体转换APP,然而发现有些字体无法显示,具体情况如下: 简体繁体转换古字查guzicha 为了解决这个问 ...
java excel 字体_Java 在Excel单元格中应用一种/多种字体样式(实例代码)
在Excel表格中,设置单元格字体样式时,可以对单元格内的所有字符应用同一样式,即获取指定单元,应用样式即可:另外也可以对单元格内的不同字符内容应用不同字体样式,即获取单元格中的字符位置,应用样式:本 ...
可以在finally代码块中处理返回值么？
先来看一段代码: public boolean doSomething() {try {// do something} finally {// ...return true;} } 这段代码的fin ...
[转]java 为什么wait(),notify(),notifyAll()必须在同步方法/代码块中调用？
在 Java中,所有对象都能够被作为"监视器monitor"--指一个拥有一个独占锁,一个入口队列和一个等待队列的实体entity. 所有对象的非同步方法都能够在任意时刻被任意线 ...
【Android Gradle 插件】Module 目录下 build.gradle 配置文件 ( plugins 闭包代码块中引入插件 | PluginAware#apply 方法引入插件 )
文章目录一.Module 目录下 build.gradle 配置文件 1.plugins 闭包代码块中引入插件 2.PluginAware#apply 方法引入插件 Android Plugin D ...
C0302 将一个代码块中的内容保存在文件中, 查看一个rpm包是否可以安装
#!/bin/bash # 这个脚本是用来描述和确认是否可以安装一个rpm包 # 在一个文件中保存输出 SUCCESS=0 E_NOARGS=65 if [ -z "$1" ] t ...

Typora修改中文字体样式（含代码块中的中文字体）

Typora修改字体样式（含代码块中的字体）

1. 修改页面字体显示

2. 代码块字体修改

Typora修改中文字体样式（含代码块中的中文字体）相关推荐

最新文章

热门文章