# Theme Font Base

**URL:** <https://forums.realmacsoftware.com/t/theme-font-base/44320>\
**Category:** RapidWeaver Elements\
**Created:** [August 17, 2024, 12:37am UTC](https://forums.realmacsoftware.com/t/theme-font-base/44320 "2024-08-17T00:37:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [August 17, 2024, 12:37am UTC](https://forums.realmacsoftware.com/t/theme-font-base/44320/1 "2024-08-17T00:37:23Z")

</div>

In the theme font control:

- The base setting is not coming in correctly for defaults.
- Base isn’t showing up correctly in the sidebar for the desktop size.

Bill  
Stack-Its

---

<div class="post-metadata">

**Author:** ![tpbradley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tpbradley/32/25503_2.png) [@tpbradley](https://forums.realmacsoftware.com/u/tpbradley)\
**Post date:** [August 17, 2024, 10:40am UTC](https://forums.realmacsoftware.com/t/theme-font-base/44320/2 "2024-08-17T10:40:12Z")

</div>

Good catch! The base setting in the docs example was incorrectly using an old font name that’s no longer available. I’ve updated the docs here

> **[Theme Font | Elements Manual](https://docs.realmacsoftware.com/elements-docs/elements-language/properties.json/ui-controls/theme-font)**

> [@Bill](#):
>
> Base isn’t showing up correctly in the sidebar for the desktop size

I think I understand the issue here. Elements is mobile first, with larger device sizes inheriting from the size below them. The example doesn’t define a default value for desktop, so desktop inherits the `md` value.

---

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [August 17, 2024, 6:23pm UTC](https://forums.realmacsoftware.com/t/theme-font-base/44320/3 "2024-08-17T18:23:36Z")

</div>

Ok, so could you please show us how to set that for desktop in example, I’m still really shaky on tailwind.

Using doc code, I get this: Font: font-body sm:font-heading md:font-quote which doesn’t match doc output example.

And then the next question will be how to set it for other custom device widths we set 😉

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 17, 2024, 6:39pm UTC](https://forums.realmacsoftware.com/t/theme-font-base/44320/4 "2024-08-17T18:39:30Z")

</div>

These are all the supported breakpoint classes: Base (Mobile), SM, MD, LG, XL, and 2XL.

 ![CleanShot 2024-08-17 at 7 .34.20@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/9/e90015d84b8d81a54bec051831d0079587879692.jpeg)

The user can choose what breakpoints to support by toggling these on and off in the Theme Studio.

I think it’d be worth familiarizing yourself with Tailwind as it will help you understand how things should be setup.