I’m getting rid of Google fonts for speed optimization purposes and using a System Font Stack instead.
This is my CSS:
body {
font-family: Georgia,Cambria,"Times New Roman",Times,serif;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .header-font {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
}
It’s working fine when I assign headings and text elements, because it will use the CSS above, but I am having trouble with buttons inside the content editor because the font-family will “inherit” the default body style, not the header system font-stack.
How can I make buttons conform to my header system font stack?
And is it possible to set up a system font stack within your font editor? Because that would make things easier.