# Roman Numerals in sans serif theme

**URL:** <https://pressbooks.community/t/roman-numerals-in-sans-serif-theme/4170>\
**Category:** Custom CSS, Styling, Themes\
**Created:** [April 12, 2025, 3:34pm UTC](https://pressbooks.community/t/roman-numerals-in-sans-serif-theme/4170 "2025-04-12T15:34:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![musorianin](https://pressbooks.community/letter_avatar_proxy/v4/letter/m/ecb155/32.png) [@musorianin](https://pressbooks.community/u/musorianin)\
**Post date:** [April 12, 2025, 3:34pm UTC](https://pressbooks.community/t/roman-numerals-in-sans-serif-theme/4170/1 "2025-04-12T15:34:55Z")

</div>

Hi, does anyone know a (simple?) way I can get the editor to force a serif font for Roman Numerals while otherwise editing in a sans serif theme?

---

<div class="post-metadata">

**Author:** ![SteelWagstaff](https://pressbooks.community/user_avatar/pressbooks.community/steelwagstaff/32/1280_2.png) [@SteelWagstaff](https://pressbooks.community/u/SteelWagstaff)\
**Post date:** [September 30, 2025, 3:46pm UTC](https://pressbooks.community/t/roman-numerals-in-sans-serif-theme/4170/2 "2025-09-30T15:46:00Z")

</div>

@musorianin You could consistently wrap these numbers in span elements with a reliable class and then target that class with custom CSS. You might try something like`<span class=”serif”>1</span>` and  
``  
`.serif {`  
` font-family: ‘DESIRED FONT NAME’, serif;`  
`}`  
```  
for example. You may wish to do this in the custom styles for both webbook and export files for consistency. See [Apply Custom Styles – Pressbooks User Guide](https://guide.pressbooks.com/chapter/apply-custom-styles/) for more details.