# Set up Custom Fonts

**URL:** <https://discourse.sst.dev/t/set-up-custom-fonts/81>\
**Category:** Chapter Comments\
**Created:** [May 9, 2018, 6:43pm UTC](https://discourse.sst.dev/t/set-up-custom-fonts/81 "2018-05-09T18:43:06Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![anomalyinnovations](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/anomalyinnovations/32/10_2.png) [@anomalyinnovations](https://discourse.sst.dev/u/anomalyinnovations)\
**Post date:** [May 9, 2018, 6:43pm UTC](https://discourse.sst.dev/t/set-up-custom-fonts/81/1 "2018-05-09T18:43:07Z")

</div>

_From @jayair on Mon Apr 10 2017 01:01:31 GMT+0000 (UTC)_  
  
Link to chapter - [http://serverless-stack.com/chapters/setup-custom-fonts.html](http://serverless-stack.com/chapters/setup-custom-fonts.html)  
  
_Copied from original issue: [https://github.com/AnomalyInnovations/serverless-stack-com/issues/31](https://github.com/AnomalyInnovations/serverless-stack-com/issues/31)_

---

<div class="post-metadata">

**Author:** ![tmhn](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/tmhn/32/207_2.png) [@tmhn](https://discourse.sst.dev/u/tmhn)\
**Post date:** [May 21, 2018, 7:52am UTC](https://discourse.sst.dev/t/set-up-custom-fonts/81/2 "2018-05-21T07:52:45Z")

</div>

How do you go about using font files, such as `woff` or `woff2` and then reference them properly within the React app? Presumably, you’d want Webpack to bundle the font files into the build OR dist directory as hashed files?

---

<div class="post-metadata">

**Author:** ![jayair](https://yyz2.discourse-cdn.com/flex032/user_avatar/discourse.sst.dev/jayair/32/9_2.png) [@jayair](https://discourse.sst.dev/u/jayair)\
**Post date:** [May 21, 2018, 7:59pm UTC](https://discourse.sst.dev/t/set-up-custom-fonts/81/3 "2018-05-21T19:59:19Z")

</div>

The [Create React App User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#adding-images-fonts-and-files) has some info on this. I haven’t used it personally so I don’t really know but it sounds like they handle the Webpack bits for you.