System Font Stack in Oxygen

Looking to use system fonts instead of the default Google fonts in Oxygen?

Here’s how.

Step 1

At Oxygen > Settings > Bloat Eliminator tick Disable Google Fonts and save changes.

Step 2

In the Oxygen editor create a new Stylesheet at Manage > Stylesheets and add:

body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

Posted

May 19, 2021

Free Content, Oxygen

Sridhar Katakam

Tags:

Fonts

Comments

2 responses to “System Font Stack in Oxygen”

touchdowntech

May 19, 2021

Why is a stylesheet required if the font is within the system? I always disable Google Fonts but I have never added a stylesheet for system fonts.

Reply
1. Sridhar Katakam
  
  May 19, 2021
  
  The CSS in step 2 is to tell Oxygen to use the system fonts for the specified elements. I tested and wrote this for a default Atomic design set install of Oxygen. The CSS need not be added inside the Oxygen editor and can also instead be added in the WordPress Customizer’s Additional CSS section.
  
  Reply

System Font Stack in Oxygen

Step 1

Step 2

Comments

2 responses to “System Font Stack in Oxygen”

Leave a Reply to Sridhar Katakam Cancel reply