[Support request] System font stack

[Michael]

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.

[Fernando]

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!

[Michael]

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.

[David]

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

[Michael]

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.

[David]

You’re welcome

[Author]

Posts