CSS values for Times New Roman

Support
1

Times New Roman seems to be a “smaller” font than Arial, so I wondered whether there is a recommended way to change to this font. I’ve seen Change font sizes in your themes but am still a bit confused!

I’ve changed --font-family and --heading-font-family to Times New Roman but am wondering about the size.

2

If you add this to your theme’s common.scss file, it should increase all your font sizes by 1px (our default is 15px).

html {
    font-size: 16px; 
    &.text-size-smallest {
      font-size: 14px; 
    } 
    &.text-size-smaller {
      font-size: 15px; 
    }
    &.text-size-larger {
      font-size: 18px;
    }
    &.text-size-largest {
      font-size: 20px; 
    }
  }

The main piece is

html {
  font-size: 16px; 
}

and the other parts, like &.text-size-smallest are used to adjust the text size settings in user preferences: https://meta.discourse.org/my/preferences/interface

3

That works well, thanks! :slight_smile: