在draw.io中为Confluence Cloud使用自定义字体

在Confluence Cloud管理部分中编辑draw.io配置，以指定默认情况下你要在字体列表中看到的字体。你还可以设置自己的自定义字体，前提是它们可以在网络上公开使用。

就像自定义颜色，形状库和模板一样，自定义字体是使用包含选项及其值的JSON（JavaScript对象表示法）字符串配置的。

更改默认字体

单击右侧的格式面板(format panel)的Text选项卡上的字体下拉列表时，查看默认字体。你可以通过指定字体系列名称的数组来更改此列表的顺序和内容。

转到Confluence Cloud设置的draw.io Configuration部分中的draw.io Configuration选项卡。
添加代码以自定义默认字体列表。例如，下面的代码只列出三种字体显示在默认字体列表中。
```
{  "defaultFonts": ["Courier New", "Tahoma", "Helvetica"] }
```

点击Save。

默认字体列表现在只包含你在此配置中包含的那些字体。

在默认字体之前添加自定义字体

你不用覆盖默认字体列表。该customFonts选项使你可以在默认字体列表之前列出自定义字体。

{   "customFonts": ["Lato", "Charter"] }

这样，两种自定义字体Lato和Charter被添加到默认字体完整列表顶部的字体下拉列表中。

使用网络和Google字体

要使用网络上托管的字体-Open Type字体，Google字体或其他字体文件，你需要使用该fontCss选项来告诉draw.io在哪里可以找到该文件，然后将其添加到自定义字体列表中。字体文件URL必须是公共的，并且必须允许访问draw.io origin（CORS header）。

{"fontCss": "@font-face { font-family: 'Waltograph'; src: url(https://fontlibrary.org/assets/fonts/waltograph/23a40698cd1bb84f930b7a0884c134a6/ab260a56f2b852b78f81eac337e0a2fc/WaltographRegular.otf) format('opentype')}","customFonts": ["Waltograph"]
}

如果你想要使用Internet上不公开可用的自定义字体，则可以将其附加到实例公共空间中的Confluence Cloud页面上。然后，将公共可访问的URL添加到上述fontCss选项中。

对于Google字体，你需要指定一个@import url，而不是在fontCss选项中指定字体系列。

{"fontCss": "@import url('https://fonts.googleapis.com/css?family=Princess+Sofia&display=swap')","customFonts": ["Princess Sofia"]
}

使用多种自定义字体

将所有字体加在双引号内的fontCss值中，以分号分隔，并全部放在一行上。

注意： 由于这些字体文件是在每次保存图表时下载的，因此最好将网络托管的自定义字体的数量保持在最少。

{"fontCss": "@import url('https://fonts.googleapis.com/css?family=Princess+Sofia&display=swap'); @import url('https://fonts.googleapis.com/css?family=Girassol&display=swap'); @font-face { font-family: 'Waltograph'; src:  url(https://fontlibrary.org/assets/fonts/waltograph/23a40698cd1bb84f930b7a0884c134a6/ab260a56f2b852b78f81eac337e0a2fc/WaltographRegular.otf) format('opentype') }","customFonts": ["Princess Sofia", "Girassol", "Waltograph"]
}

导出图表： 外部图像和PDF导出功能当前不支持自定义字体。

本文章翻译自https://www.diagrams.net/doc/faq/custom-fonts-confluence-cloud

【drawio笔记】为Confluence Cloud使用自定义字体相关推荐

【drawio笔记】素描风格
[drawio笔记]素描风格概述本文简单介绍下在draw.io中如何使用素描风格. 我们在看其他人使用draw.io画图,会看到下图中这种素描风格,像是手写,手绘的形状,元素. 这是draw.io ...
QT5.9用自定义字体修改qlabel字体、大小以及颜色
1.修改字体引用Qt笔记(五十九)之Qt使用自定义字体_我是黄同学的博客-CSDN博客_qt 自定义字体查阅资料发现这段修改字体代码 int font_Id = QFontDatabase::ad ...
Android实现自定义字体
介绍最近在看开源项目的时候,发现里面涉及到了自定义字体,虽然自己目前还用不到,但是动手demo笔记记录一下还是有必要的,没准哪天需要到这个功能. 原理 1.其实实现起来非常简单,主要是用到了Type ...
小程序canvas 2d 自定义字体
开发工具:微信开发者工具 Stable 1.05.21020210 注意:目前canvas 2d 开发工具看不到效果,需要真机预览才可以看到效果效果图: 下面是动态加载网络字体的api: 写的是一个 ...
android单线字体,Android自定义字体
在main文件夹下,新建assets/fonts文件,添加.otf文件 image.png 字体工具类 import android.app.Application; import android.g ...
R语言基于forestplot包可视化森林图实战详解：美化的森林图：自定义字体设置、置信区间、坐标轴（刻度、标签、范围）、无效线去除、水平线、辅助线、box形状、色彩等
R语言基于forestplot包可视化森林图实战详解:美化的森林图:自定义字体设置.置信区间.坐标轴(刻度.标签.范围).无效线去除.水平线.辅助线.box形状.色彩等目录
记录猫眼电影的自定义字体反爬
猫眼电影用的是动态字体库猫眼电影榜单国内票房榜,地址:https://maoyan.com/board/1 首先需要获得字体文件,在页面或css里搜@font-face或font-famil 在fo ...
稳扎稳打Silverlight(29) - 2.0Tip/Trick之Cookie, 自定义字体, 为程序传递参数, 自定义鼠标右键...
[索引页] [源码下载] 稳扎稳打Silverlight(29) - 2.0Tip/Trick之Cookie, 自定义字体, 为程序传递参数, 自定义鼠标右键, 程序常用配置参数作者:webabcd ...
【Flutter】Flutter 自定义字体 ( 下载 TTF 字体 | pubspec.yaml 配置字体资源 | 同步资源 | 全局应用字体 | 局部应用字体 )
文章目录一.Flutter 自定义字体 1.ttf 字体文件 2.ttf 字体资源配置 3.获取字体 4.全局使用字体 5.局部使用字体二.完整代码示例三.相关资源一.Flutter 自定义字 ...
linux添加自己的库,Linux学习笔记——例叙makefile 增加自定义共享库
Linux学习笔记--例说makefile 增加自定义共享库 0.前言从学习C语言开始就慢慢开始接触makefile,查阅了很多的makefile的资料但总感觉没有真正掌握makefile,如果自己 ...

【drawio笔记】为Confluence Cloud使用自定义字体