news 2026/9/22 4:11:55

draw.io 默认字体太丑?用这一招瞬间变高级!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
draw.io 默认字体太丑?用这一招瞬间变高级!

背景

draw.io 是一款简洁、高效的画图工具,但其默认可选字体较为有限:

如果你想在图表中使用自己喜欢的字体(如第三方中文字体),往往会发现列表里压根找不到。要解决这一问题,必须先了解:draw.io 依赖本地字体库。你本机安装了哪些字体,它才能识别哪些字体。


一、本地字体库:文本软件的字体从哪里来?

在一台电脑或手机上,大多数应用(Word、Pages、TextEdit、Sublime Text、VSCode、浏览器、PS 等)默认都会从“本地字体库”加载字体,而不是自己携带字体文件。原因在于:

  • 字体体积通常较大
  • 商业字体有授权成本
  • 系统统一管理可避免重复安装和冲突

以 MacOS 为例,本地字体主要来自三个目录(按优先级排序):

  1. 当前用户字体库(优先级最高)

    ~/Library/Fonts

    特点:

    • 当前用户独享
    • 同名字体会覆盖全局字体和系统字体
    • 自己安装的字体一般会安装到这个里
  2. 全局字体库(优先级次于用户字体)

    /Library/Fonts

    特点:

    • 所有用户均可使用
    • 安装时需要管理员权限
    • 同名字体会覆盖系统字体
  3. 系统字体库(优先级最低)

    /System/Library/Fonts

    特点:

    • 默认内置了一些字体,
    • 受SIP保护,无法手动往这个字体库安装新的字体
    • 应用在用户字体库和全局字体库都找不到某字体时,才会加载这里的字体

下图就是系统字体库自带的部分字体,每个字体文件后缀为.ttf,在图中可以看到有些字体库的体积可以达到数百MB:

在Windows中,字体目录一般为C:\Windows\Fonts


二、如何在电脑中安装字体?

除了电脑中自带的字体,如果想安装其他字体,可以先下载对应字体文件,一般是以.ttf后缀结尾的文件。安装一般有两种方式:

方式1:把文件直接复制到字体库的目录即可,在MacOS中,一般是放到用户字体库~/Library/Fonts

方式2(推荐):双击字体文件,根据提示,即可安装到本地,就跟我们平时安装软件一样,在MacOS中,字体会安装到用户字体库~/Library/Fonts

这里列几个常用的免费/商用字体资源:

  • 站长之家:https://font.chinaz.com/
  • 字体天下:https://www.fonts.net.cn/
  • 汉字形体:https://justfont.com/
  • 方正字库: https://www.foundertype.com/
  • Adobe Fonts:https://fonts.adobe.com/
  • Google Fonts:https://fonts.google.com/
  • Github上也有很多比如:https://github.com/lxgw/LxgwWenKai

三、在 draw.io 中添加自定义字体

前提:你必须已在本机安装了对应的字体。

draw.io 仅能调用本地字体,无法直接加载未安装的字体文件。

配置自定义字体步骤

  1. 打开 draw.io

  2. 在菜单栏依次点击:【其他】 → 【配置】

  3. 在弹出的 JSON 配置中加入你想新增的字体名称:

    { "customFonts": [ "华文仿宋", "华文宋体", "汉仪文润宋韵", "瑞美加张清平硬笔楷书", "听说巷尾樱花盛开", "礼品卉自由理想体" ] }
  4. 点击【应用】之后,重启draw.io就可以看到已经可以选择新增的字体了:

注意:配置中字体的名称不是字体文件(以.ttf后缀结尾的文件)的名称,而是字体的名称,这个名称可以在字体册中看到:

也可以在文件的简介(右键-显示简介)中看到,比如我下载了一个名为“lipinhuiziyoulixiangti.ttf”的字体文件,实际上字体名称为“礼品卉自由理想体”:


总结


要在 draw.io 中添加自定义字体,核心流程是:

1 . 先在本机安装字体
2 . 在配置中加入字体名称
3 . 重启 draw.io 生效

draw.io 不会独立管理字体,它只读取系统字体库,因此只要理解本地字体加载机制,就能顺利添加任意第三方字体。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/21 10:10:10

干货分享,大厂内部压测方案设计

01 为什么要做压测 1、什么是压力测试? 不断向被测对象施加压力,测试系统在压力情况下的表现。 2、压力测试的目的是什么? 测试得出系统的极限性能指标,从而给出合理的承诺值或者容量告警; 找出系统的性能瓶颈&am…

作者头像 李华
网站建设 2026/9/22 4:23:58

Python_work3

使用os和os.path以及函数的递归完成: 给出一个路径,遍历当前路径所有的文件及文件夹 打印输出所有的文件(遇到文件输出路径,遇到文件夹继续进文件夹)代码 import os.path as path import os file_path_dir "E:\\A云计算\\2…

作者头像 李华
网站建设 2026/9/21 19:53:45

AFLplusplus模糊测试实战:10个高效调试技巧解决常见问题

AFLplusplus作为业界领先的模糊测试框架,在软件质量保障中发挥着关键作用。然而在实际应用中,许多用户会遇到执行效率低下、崩溃分析困难、路径覆盖不足等挑战。本文将通过10个实用技巧,帮助你快速定位并解决这些模糊测试难题。 【免费下载链…

作者头像 李华
网站建设 2026/9/21 10:52:25

探索三电平T型LCL并网逆变器的双闭环PI + SVPWM控制仿真之旅

基于三电平T型LCL并网逆变器的双闭环PISVPWM控制 Matlab/simulink仿真(2018a及以上版本),在电力电子领域,逆变器控制技术一直是研究的热门方向。今天咱就来唠唠基于三电平T型LCL并网逆变器的双闭环PI SVPWM控制,并且借助Matlab/Simulink&…

作者头像 李华
网站建设 2026/9/21 19:13:05

VSCode如何实时连接IBM Quantum?一文掌握核心配置参数(含实操代码)

第一章:VSCode量子开发环境概述 Visual Studio Code(VSCode)作为一款轻量级但功能强大的源代码编辑器,已成为现代开发者构建复杂技术栈的首选工具之一。其对扩展生态的深度支持,使其能够无缝集成量子计算开发所需的各类…

作者头像 李华
网站建设 2026/9/22 0:17:28

python如何获取字符串最后一个字符

在Python中获取字符串的最后一个字符有多种方法,以下是最常用且高效的方式: 方法1:使用负数索引(推荐) s "hello" last_char s[-1] # 输出 o原理:Python支持负数索引,-1 表示倒数第…

作者头像 李华