NotionNext文档文字字体
category
tags
type
status
slug
date
password
Last edited time
Aug 2, 2023 03:53 AM
summary
icon
系统预设Google的Noto Sans字体，您可以在
blog.config.js 中自定义字体 ，相关配置如下：配置说明
参数名 | 默认值 | 参数含义 |
FONT_STYLE | font-sans | 字体是否有衬线： font-sans，font-serif |
FONT_URL | [ 'https://fonts.googleapis.com/css?family=Bitter&display=swap',
'https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&display=swap',
'https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300&display=swap'] | 字体文件URL，这里默认使用googlewebfont的 Bitter 作为英文字体；Noto+Sans+SC 和 Noto+Serif+SC 作为中文字体。 |
FONT_SANS | [
'"PingFang SC"',
'-apple-system',
'BlinkMacSystemFont',
'"Hiragino Sans GB"',
'"Microsoft YaHei"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Segoe UI"',
'"Noto Sans SC"',
'HarmonyOS_Regular',
'"Helvetica Neue"',
'Helvetica',
'"Source Han Sans SC"',
'Arial',
'sans-serif',
'"Apple Color Emoji"'
], | 无衬线字体名；按照英文、数字、中文、EMOJI顺序排列，越前面优先级越高。
这里如果是苹果系统，则优先使用苹果的苹方字体、冬青黑字体。
否则windows系统的微软雅黑字体。最后使用谷歌的NotoSans字体。 |
FONT_SERIF | FONT_SERIF: [
'Bitter',
'"Noto Serif SC"',
'SimSun',
'"Times New Roman"',
'Times',
'serif',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Apple Color Emoji"'
], | 无衬线字体名；按照英文、数字、中文、EMOJI顺序排列，越前面优先级越高。 |
FONT_AWESOME | https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css | 图标库字体，默认使用 cloudflare的cdnjs。版本使用Fontawesome 6.4.0 |
修改示范
按照以下配置网站将默认显示霞鹜文楷字体，标粗下划线部分是修改的内容:
注意，如果字体名称中间有空格，则要用双引号包装，对比如下：
无空格的字体：’Bitter’
有空格的字体: '"LXGW WenKai"'
- Twikoo
- Giscus
- Cusdis
Last update: