【drawio笔记】新增字体

【drawio笔记】新增字体

概述

本文简单介绍下在draw.io中如何新增字体。

我们在看其他人使用draw.io画图,有各式各样的不同字体,但是当自己在使用draw.io时,会发现可选的字体很少,只有以下几种字体,并且没有中文字体。

【drawio笔记】新增字体_第1张图片

那么要怎么新增字体呢?

点击字体选项中的自定义...

【drawio笔记】新增字体_第2张图片

可以看到有几种新增自定义字体的方式:System Fonts,Google Fonts,Web Fonts。

【drawio笔记】新增字体_第3张图片

下面简单说一下这三种自定义字体如何新增。

1.系统字体 System Fonts

System Fonts就是系统自带的字体,我使用的是Windows系统,在C:\Windows\Fonts路径下可以看到系统自带的各种字体,包括我们常见的宋体,楷体,黑体等:

【drawio笔记】新增字体_第4张图片

选择自己所需要的字体,比如我目前想要新增中文字体,可以选择楷体,那么就在自定义框中选择System Fonts,然后再Font Name中填写楷体,然后点击应用

【drawio笔记】新增字体_第5张图片

接下来你就会发现在字体选择中多了一个楷体

【drawio笔记】新增字体_第6张图片

这个时候我们的字体就能改成楷体了。

【drawio笔记】新增字体_第7张图片

2.Google字体 Google Fonts

Google Fonts就是使用https://fonts.google.com/上的字体。

在浏览器中打开网页https://fonts.google.com/,可以看到很多字体:

【drawio笔记】新增字体_第8张图片

选择一个你喜欢的字体。我想要选择一个简体中文字体,就在Language中选择了Chinese(Simplified)

【drawio笔记】新增字体_第9张图片

筛选出来字体如下:

【drawio笔记】新增字体_第10张图片

假如选择字体Ma Shan Zheng,然后在自定义框中选择Google Fonts,将这个字体名字填入Google Fonts的Font Name中,填写Ma Shan Zheng,然后点击应用

【drawio笔记】新增字体_第11张图片

接下来你就会发现在字体选择中多了一个Ma Shan Zheng

【drawio笔记】新增字体_第12张图片

这个时候就可以使用这个字体了。

【drawio笔记】新增字体_第13张图片

3.Web字体 Web Fonts

Web Fonts 就是使用Web字体,需要字体名,和字体所在的URL。像上面的Google Fonts其实也是Web Fonts,但已经指定到来Google 上了。

我们在自定义框中选择Web Fonts,将你选择的字体填入Font Name中,例如我这里是填写Handy Quomte Font,然后填入字体所在的URL,最后点击应用

【drawio笔记】新增字体_第14张图片

接下来你就会发现在字体选择中多了你所新增的Web Fonts,我这里的示例是新增了Handy Quomte Font

【drawio笔记】新增字体_第15张图片

后续就可以使用这个字体了。

【drawio笔记】新增字体_第16张图片


本文链接:https://blog.csdn.net/u012028275/article/details/118875134

你可能感兴趣的:(drawio笔记,diagrams,drawio)