# Using "Google Fonts" in "template"

**URL:** <https://discourse.nodered.org/t/using-google-fonts-in-template/84766>\
**Category:** General\
**Created:** [21 January 2024 01:15 UTC](https://discourse.nodered.org/t/using-google-fonts-in-template/84766 "2024-01-21T01:15:01Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Baet](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@Baet](https://discourse.nodered.org/u/Baet)\
**Post date:** [21 January 2024 01:15 UTC](https://discourse.nodered.org/t/using-google-fonts-in-template/84766/1 "2024-01-21T01:15:01Z")

</div>

Good day, dear community! I have a question. I would like to know if there is a way to add Google Fonts to Node-RED without downloading the .ttf files, using only the link corresponding to each font. In particular, the font I would like to test is this one:

> **[Google Fonts](https://fonts.google.com/selection/embed)**
>
> Making the web more beautiful, fast, and open through great typography

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [21 January 2024 01:53 UTC](https://discourse.nodered.org/t/using-google-fonts-in-template/84766/2 "2024-01-21T01:53:38Z")

</div>

> [@Baet](#):
>
> add Google Fonts to Node-RED

To what part of Node-RED?

The short answer is - yes - as long as your client has access to the Internet.

---

<div class="post-metadata">

**Author:** ![Baet](https://avatars.discourse-cdn.com/v4/letter/b/e480ec/32.png) [@Baet](https://discourse.nodered.org/u/Baet)\
**Post date:** [21 January 2024 03:58 UTC](https://discourse.nodered.org/t/using-google-fonts-in-template/84766/3 "2024-01-21T03:58:34Z")

</div>

Actually, there are times when I make changes using 'template' to set fonts for some UI nodes for visualization, but I only do that with the fonts provided by Node-RED. My inquiry is about how to do it with Google Fonts, and yes, it is expected that the client always has internet access. Any instructions would be appreciated.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [21 January 2024 09:00 UTC](https://discourse.nodered.org/t/using-google-fonts-in-template/84766/4 "2024-01-21T09:00:00Z")

</div>

Click the font you want to use, click "get font", click "get embed code" - the output can be put in a template node.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [21 March 2024 09:00 UTC](https://discourse.nodered.org/t/using-google-fonts-in-template/84766/5 "2024-03-21T09:00:56Z")

</div>

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.