Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to use draw.io external fonts

Shulou Source: shulou.com Published: 2022-06-01 02:31:11 10月01日 Update

This article mainly analyzes the relevant knowledge points of how to use draw.io external fonts, the content is detailed and easy to understand, the operation details are reasonable, and has a certain reference value. If you are interested, you might as well follow the editor to have a look, and follow the editor to learn more about "how to use draw.io external fonts".

If you do not want to use the font used by default in draw.io, you can use your own custom font or external font, such as Google font or Web font stored on your own server. This feature is useful when you need to match the publication's style guide, the company's corporate image, or add interest and focus to the chart.

By providing URL in draw.io, you can easily specify system fonts, use Google fonts, and even add your own custom Web fonts.

How to use other system fonts

System fonts are fonts stored on the computer. To use other system fonts, you need to know the name of the font.

Click the shape or text you want to change.

In the text tab of the formatting panel on the right, click the drop-down arrow next to the font name, and then click customize (at the bottom of the list).

In the font selection dialog box, type a name for the new font, and then click apply. This example uses Charter system fonts.

You will see that the changes have been applied to the shape or text.

How to use Google fonts

To use Google fonts, you only need to know the font name of Google. This example uses Satisfy Google fonts.

Click the shape or text you want to change.

If it is not active, select the text tab in the formatting panel, click the drop-down arrow next to the font name, and then click customize.

Click the Google font radio button, enter the name of the Google font in the font name text field, and then click apply.

How to use custom web fonts

You can also use your own Web font, and you need a font file with a file type extension of .woff, .ttf, or .otf. The following example uses an italic version of an open source Web font called SourceSans Pro.

The original Web font file is hosted somewhere on the Web and can be accessed directly through the browser.

Click the shape or text you want to change.

Select the text tab in the formatting panel, click the drop-down arrow next to the font name, and then click customize.

Click the Web Font radio button, enter a name in the Font name field, and then enter the URL where the font file is stored. Then click apply.

This is the end of the introduction on "how to use draw.io external fonts". More related content can be searched for previous articles, hoping to help you answer questions and questions, please support the website!

Tags: Font name text system shape file application format example arrow panel drop-down store input select company interest content field button Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno MySQL Shulou Information Linux vpn Apple