System font stack

I Need Help
1

So I like to use the default bootstrap font stack

font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
            Arial, "Noto Sans", "Liberation Sans", sans-serif,
            "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
            "Noto Color Emoji";

The only way I see to so this is delete this default class?

CleanShot 2025-11-25 at 3 .48.48@2x
CleanShot 2025-11-25 at 3 .48.48@2x980×424 42 KB

OK great, it works, Kind of. Yes you now get that font stack in preview and publish, but in edit things don’t look right or behave right, like if you add a bold class it just doesn’t.

Can’t quite figure out why?

2

I found one little workaround to see the real default typeface in edit mode, after deleting that default font class above.
Made a little bric remove on export, and just added the default bootstrap font stack css in there.
Added the brig above the nav, and boom I see the real style in edit mode.

1 Like