Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use draw.io external fonts

2025-04-04 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Internet Technology >

Share

Shulou(Shulou.com)06/01 Report--

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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 290

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Internet Technology

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report