# Custom CSS for Typography component

**URL:** <https://forums.realmacsoftware.com/t/custom-css-for-typography-component/57298>\
**Category:** Elements\
**Tags:** elements\
**Created:** [August 11, 2026, 4:29pm UTC](https://forums.realmacsoftware.com/t/custom-css-for-typography-component/57298 "2026-08-11T16:29:30Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Milane\_Zozette](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/milane_zozette/32/36914_2.png) [@Milane\_Zozette](https://forums.realmacsoftware.com/u/Milane_Zozette)\
**Post date:** [August 11, 2026, 4:29pm UTC](https://forums.realmacsoftware.com/t/custom-css-for-typography-component/57298/1 "2026-08-11T16:29:30Z")

</div>

Hi,

I write my articles in a CMS collection using Markdown. Unfortunately, tables aren’t supported, so I write my tables in HTML. I display the Markdown files in a CMS → ‘item’ component containing a ‘container’ component containing a ‘Typography’ component. I’m struggling with the following issues:

1. (simple) I’ve created a new theme using the Google EB-Garamond font… but the table isn’t inheriting the EB-Garamond font. I’m wondering how to force the table to use this font.
2. (more elaborated) I’d like my articles to have a very different layout from the theme and a different font to the theme, for example ‘Roboto’. I’ve tried the following solution: I placed the Typography component in a container, created a class, and, in Container → Edit extra code → CSS, added my CSS rules. But I don’t know how to specify in my CSS that the Google Roboto font should be used within this container.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [August 12, 2026, 7:11am UTC](https://forums.realmacsoftware.com/t/custom-css-for-typography-component/57298/2 "2026-08-12T07:11:57Z")

</div>

I think the easiest way to do this would be to add some custom CSS to your project. You can do that via the Project Settings \> Template.

 ![CleanShot 2026-08-12 at 09.10.28@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/6/468d6a5f083f7f9bde31788c7e007fe19c7178fd.jpeg)