Archived topic
System font stack
5 replies · Started by Michael on June 29, 2022
I'm using GP premium, free Generate Blocks and Geek from the site library. How can I change to using a system font stack? I see how to change to a single font but not the stack that is required so things will work on different systems.
Hi Michael,
For the Geek Template, there are fonts set through Appearance > Customize > Typography.
There’s also fonts set in some Blocks in the Block Elements. For instance the Page Hero’s parent Container Block has this: https://share.getcloudapp.com/9ZuoQ7g6
The Content Template has a font set in the Button Block.
Kindly check the other Block Elements as well.
Hope this clarifies!
Hi Fernando,
I know I can change an individual font but how do I use a conventional font stack so the users computer can use a font that their system has installed. I don't want to use Google fonts. I'm not sure how I can explain this better.
Hi there,
options:
A. Built in System Stack
1. Do not add a font in the Font Manager .
2 Add a new Typography and choose body and set the Font Family to System Default or Inherit.
Either option will load this stack:
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3. other typography options you add can now be set to Inherit
B. Custom Font Stack
1. In Font Manager, add a New Font, in the field provided add your own font stack - example:
Arial, -apple-system, "Segoe UI", sans-serif
2. Set your body Font Family to your new system stack.
3. other typography options you add can now be set to Inherit
Thanks David that's what I needed. I won't get to try until later today. I'll let you know if it works for me.
You're welcome
