# Use Typekit fonts in Starter Theme

**URL:** <https://forum.pinegrow.com/t/use-typekit-fonts-in-starter-theme/4809>\
**Category:** WP Starter Theme\
**Created:** [January 4, 2021, 4:28pm UTC](https://forum.pinegrow.com/t/use-typekit-fonts-in-starter-theme/4809 "2021-01-04T16:28:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Claudius](https://avatars.discourse-cdn.com/v4/letter/c/cc9497/32.png) [@Claudius](https://forum.pinegrow.com/u/Claudius)\
**Post date:** [January 4, 2021, 4:28pm UTC](https://forum.pinegrow.com/t/use-typekit-fonts-in-starter-theme/4809/1 "2021-01-04T16:28:43Z")

</div>

Hi, I’m new to Pinegrow and therefore started with the starter videos and the Starter Theme 2.

Everything looks nice in the videos, but I don’t even manage to change the basic font in SCSS ☹ using my fonts from Typekit.

I tried to follow the instructions on [https://pinegrow.com/docs/bootstrap-visual-editor/customize-bootstrap-4-themes/](https://pinegrow.com/docs/bootstrap-visual-editor/customize-bootstrap-4-themes/) but it looks like they are cut off right where I would need some further instructions… Can someone add the missing pieces of information? Which code needs to be added in order to make it work? (I’ve tried with $font-family-sans-serif: @import url(“[https://use.typekit.net/XXXXXX.css](https://use.typekit.net/XXXXXX.css)”); in the custom.scss file, but that didn’t bring any result…)

Thank you to anyone who can help!

---

<div class="post-metadata">

**Author:** ![Claudius](https://avatars.discourse-cdn.com/v4/letter/c/cc9497/32.png) [@Claudius](https://forum.pinegrow.com/u/Claudius)\
**Post date:** [January 4, 2021, 5:03pm UTC](https://forum.pinegrow.com/t/use-typekit-fonts-in-starter-theme/4809/2 "2021-01-04T17:03:15Z")

</div>

![Bildschirmfoto 2021-01-04 um 17.56.58](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1eda8d46209c8b2a8543d10c4b2c32ca97cef67a.jpeg)  
OK, I somehow managed to get the whole article, beyond where it cut off before (see screenshot – it was cut off like this on different computers, very strange…)

I added the @import at the right place and inserted  
$font-family-sans-serif: ‘Foco’, sans-serif;  
in the custom.scss, and the result in Pinegrow was as expected: All sans-serif text changed to Foco font. Yes!

However, on the local preview nothing changed, not after exporting and re-rexporting the theme, not after stopping and restarting localwp, not after flushing the cache in the wp-admin autoptimize settings… So what is the method I forgot to advance the font change to the local live version?