news 2026/4/17 6:19:23

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/4/17 17:07:41

领域驱动设计:构建业务与技术的桥梁

领域驱动设计:构建业务与技术的桥梁 【免费下载链接】geektime-books :books: 极客时间电子书 项目地址: https://gitcode.com/GitHub_Trending/ge/geektime-books 在数字化浪潮席卷各行各业的今天,我们面临着一个共同的挑战:如何在快…

作者头像 李华
网站建设 2026/4/18 3:26:08

办理无线充 FCC 认证需要准备什么材料?

无线充办理 FCC 认证需区分具体类型,若为仅含电磁感应的普通无线充(无主动射频发射),走SDoC模式;若集成蓝牙 / Wi-Fi 等无线通信功能,则需走FCC ID模式,两类认证所需材料有明确差异,…

作者头像 李华
网站建设 2026/4/18 3:25:29

算法题 设计哈希集合

设计哈希集合 问题描述 不使用任何内建的哈希表库设计一个哈希集合(HashSet)。 实现 MyHashSet 类: void add(key) 向哈希集合中插入一个值 key。bool contains(key) 返回哈希集合中是否包含这个值 key。void remove(key) 将给定值 key 从哈希…

作者头像 李华
网站建设 2026/4/17 22:41:02

如何快速掌握自主移动机器人:从入门到实战的完整指南

如何快速掌握自主移动机器人:从入门到实战的完整指南 【免费下载链接】划重点自主移动机器人导论.pdf资源介绍 《自主移动机器人导论.pdf》是一本系统梳理自主移动机器人知识的实用指南,涵盖基本概念、技术原理、发展历程及应用前景等内容。本书语言通俗…

作者头像 李华
网站建设 2026/4/18 3:26:04

C++并发编程工作窃取算法:彻底搞懂memory_order_acquire/release

案例它实现了一个基于**工作窃取算法(Work-Stealing Algorithm)**的线程池系统,这是一种优雅而高效的动态负载均衡策略。其核心思想简单而深刻:当一个线程完成了自己的任务后,它不会闲着,而是会主动去"窃取"其他仍在忙碌的线程的任务来执行。这种机制确保了所有…

作者头像 李华
网站建设 2026/4/15 20:00:42

全功能开源对讲机固件:解锁UV-K5/K6/5R对讲机的终极潜能

全功能开源对讲机固件:解锁UV-K5/K6/5R对讲机的终极潜能 【免费下载链接】uv-k5-firmware-custom This is a fork of Egzumer https://github.com/egzumer/uv-k5-firmware-custom 项目地址: https://gitcode.com/gh_mirrors/uvk/uv-k5-firmware-custom 想要让…

作者头像 李华