# Utilising custom font stack

**URL:** <https://discuss.write.as/t/utilising-custom-font-stack/235>\
**Category:** Customization\
**Created:** [December 18, 2018, 9:13pm UTC](https://discuss.write.as/t/utilising-custom-font-stack/235 "2018-12-18T21:13:31Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![alfie](https://discuss.write.as/user_avatar/discuss.write.as/alfie/32/71_2.png) [@alfie](https://discuss.write.as/u/alfie)\
**Post date:** [December 18, 2018, 9:13pm UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/1 "2018-12-18T21:13:31Z")

</div>

I’m sure this is already exposed in the CSS and I just can’t find it, but is there any way to define my own fontstack, or throw my own font on top of the existing fontstacks for posts?

I can easily `@import` a webfont in the custom CSS but defining them as the `font-family` for `body {}` doesn’t apply everywhere as it should. What am I missing?

---

<div class="post-metadata">

**Author:** ![matt](https://discuss.write.as/user_avatar/discuss.write.as/matt/32/2760_2.png) [@matt](https://discuss.write.as/u/matt)\
**Post date:** [December 31, 2018, 5:39am UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/2 "2018-12-31T05:39:16Z")

</div>

Yep, you can definitely do that. Just use the `@import` like you’re doing already, include `article` in your CSS selector, and add `!important`, e.g.:

```css
@import url('https://fonts.googleapis.com/css?family=Roboto');

body, article {
    font-family: Roboto, sans-serif !important;
}

```

---

<div class="post-metadata">

**Author:** ![alfie](https://discuss.write.as/user_avatar/discuss.write.as/alfie/32/71_2.png) [@alfie](https://discuss.write.as/u/alfie)\
**Post date:** [January 3, 2019, 6:12pm UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/3 "2019-01-03T18:12:39Z")

</div>

Y’know, I’d expunged `!important` from my memory. Thanks!

@matt Out of interest, what’s the existing fontstack, officially? I don’t want to break compatability for people who can’t use my webfont provider for whatever reason.

---

<div class="post-metadata">

**Author:** ![matt](https://discuss.write.as/user_avatar/discuss.write.as/matt/32/2760_2.png) [@matt](https://discuss.write.as/u/matt)\
**Post date:** [January 3, 2019, 6:17pm UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/4 "2019-01-03T18:17:56Z")

</div>

No problem! Official font stack is Lora (serif), Open Sans (sans), and Hack (monospace). Full CSS rules:

```css
.sans {
  font-family: 'Open Sans', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.serif {
  font-family: Lora, 'Palatino Linotype', 'Book Antiqua', 'New York', 'DejaVu serif', serif;
}

.mono {
  font-family: Hack, consolas, Menlo-Regular, Menlo, Monaco, 'ubuntu mono', monospace, monospace;
}
```

---

<div class="post-metadata">

**Author:** ![alfie](https://discuss.write.as/user_avatar/discuss.write.as/alfie/32/71_2.png) [@alfie](https://discuss.write.as/u/alfie)\
**Post date:** [January 3, 2019, 6:19pm UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/5 "2019-01-03T18:19:42Z")

</div>

Blowing me away with these four-minute responses. 💜

(Sidenote: As a Writefreely user who is incredibly impressed with just how good this is becoming, how can I contribute to your ability to work on this project?)

---

<div class="post-metadata">

**Author:** ![matt](https://discuss.write.as/user_avatar/discuss.write.as/matt/32/2760_2.png) [@matt](https://discuss.write.as/u/matt)\
**Post date:** [January 3, 2019, 7:24pm UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/6 "2019-01-03T19:24:14Z")

</div>

🙂

I’m glad you like it! And I really appreciate you wanting to help out. There are a few things you (or anyone) could do, which would contribute a lot:

- Responding to others here on the forums, on the [GitHub repo](https://github.com/writeas/writefreely), or anywhere else where people are discussing the project
- Continuing to offer feedback, [file bug reports](https://github.com/writeas/writefreely/issues/new/choose), test out new releases, and let me know how you’re using WriteFreely, so I can be sure the platform is always built around the people using it
- Help [fund the project](https://writefreely.org/fund) via Patreon, Liberapay, etc., so we can reach financial sustainability sooner, and ensure the project is here to stay

---

<div class="post-metadata">

**Author:** ![byedit](https://discuss.write.as/letter_avatar_proxy/v4/letter/b/96bed5/32.png) [@byedit](https://discuss.write.as/u/byedit)\
**Post date:** [January 4, 2023, 10:36am UTC](https://discuss.write.as/t/utilising-custom-font-stack/235/7 "2023-01-04T10:36:44Z")

</div>

I am using Fontstand for custom fonts, and as far as I can tell, I will need access to the to link a stylesheet. I wonder if there is a solution for that?