news 2026/7/10 14:49:10

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/7/9 12:42:45

spRAG开源项目:5分钟快速安装与使用终极指南

spRAG开源项目:5分钟快速安装与使用终极指南 【免费下载链接】spRAG RAG framework for challenging queries over dense unstructured data 项目地址: https://gitcode.com/gh_mirrors/sp/spRAG spRAG开源项目是一个专为处理复杂非结构化数据设计的检索增强…

作者头像 李华
网站建设 2026/7/9 21:42:44

【运维】StarRocks 跨集群数据迁移工具 - 基于快照进行的快速迁移

文章目录一、整体迁移逻辑1.1 架构概览1.2 核心工作流程阶段 1:初始化阶段 2:启动工作线程阶段 3:周期性执行1.3 任务生成逻辑1.3.1 元数据同步1.3.2 DDL 任务生成1.3.3 数据复制任务生成1.4 任务执行流程1.4.1 DDL 任务执行1.4.2 数据复制任…

作者头像 李华
网站建设 2026/7/10 8:19:53

8 个继续教育答辩工具,AI PPT优化推荐

8 个继续教育答辩工具,AI PPT优化推荐 论文路上的“三座大山”:时间、重复率与效率 对于继续教育的学生来说,毕业答辩不仅是学术生涯的重要节点,更是对个人综合能力的一次全面检验。然而,在这个过程中,论文…

作者头像 李华
网站建设 2026/7/9 17:31:38

Wan2.2-T2V-A14B在银行理财产品介绍视频中的合规表达

Wan2.2-T2V-A14B在银行理财产品介绍视频中的合规表达 你有没有遇到过这种情况?客户拿着一份理财说明书,眉头紧锁:“这‘业绩比较基准’到底是不是收益?R2风险等级又代表什么?” 😣 面对复杂金融术语&#x…

作者头像 李华
网站建设 2026/7/10 12:27:32

快速构建专业级WPF视频播放器的终极指南

HandyControl作为WPF控件库的佼佼者,为视频播放器开发提供了完整的解决方案。本指南将带你深入了解如何利用这一强大工具,快速打造功能丰富、界面美观的视频播放器。 【免费下载链接】HandyControl Contains some simple and commonly used WPF controls…

作者头像 李华
网站建设 2026/7/10 0:16:32

基于轮廓系数的 k-means 聚类结果评估与可视化实践

【精选优质专栏推荐】 《AI 技术前沿》 —— 紧跟 AI 最新趋势与应用《网络安全新手快速入门(附漏洞挖掘案例)》 —— 零基础安全入门必看《BurpSuite 入门教程(附实战图文)》 —— 渗透测试必备工具详解《网安渗透工具使用教程(全)》 —— 一站式工具手册《CTF 新手入门实战教…

作者头像 李华