# How to use Google fonts in P5JS online editor

**URL:** https://discourse.processing.org/t/how-to-use-google-fonts-in-p5js-online-editor/6893
**Category:** Coding Questions
**Created:** [December 25, 2018, 7:16pm UTC](https://discourse.processing.org/t/how-to-use-google-fonts-in-p5js-online-editor/6893 "2018-12-25T19:16:39Z")
**Posts on this page:** 1
**Showing post:** 5

<div class="post-metadata">

### Author: ![hellonearthis](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/hellonearthis/32/3482_2.png) [@hellonearthis](https://discourse.processing.org/u/hellonearthis)
#### Post date: [January 26, 2019, 3:59am UTC](https://discourse.processing.org/t/how-to-use-google-fonts-in-p5js-online-editor/6893/5 "2019-01-26T03:59:55Z")

</div>

Thanks, adding this to the index.html

```auto
<link 
href="https://fonts.gstatic.com/s/baloo/v4/6xKhdSpJJ92I9MWPCm4.woff2" 
rel="preload" as="font" crossorigin
>

```

And this to the CSS files worked great.

```auto
@font-face {
  font-family: 'Baloo';
  font-style: normal;
  font-weight: 400;
  src: local('Baloo Regular'), local('Baloo-Regular'), url(https://fonts.gstatic.com/s/baloo/v4/6xKhdSpJJ92I9MWPCm4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

```

---

_[View the full topic](https://discourse.processing.org/t/how-to-use-google-fonts-in-p5js-online-editor/6893)._