Is there a way to set up blocs to use the default system font?
Hand-coding I use the following:
body {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI",
"Roboto", Ubuntu, Helvetica, Arial, sans-serif;
}
I only see font set-up using Helvetica by default. Is there a way to turn of fonts and manually enter the CSS. Trying to avoid relying on cascading.
→ Native font stack
Thank you. I’m a noob on BlocsApp. So how do I implement this into Blocs? Thank you in advance.
@Monark, If you read the link @Jannis posted you will see a native font-stack is already applied. It is part of Bootstrap.
30 seconds in the browser inspector will also confirm it.
As long as the text doesnt have any font family assigned it will inherit this.
@PeteSharp I’m not following this answer. If you create a new Blocks project and leave everything as the default, the font used is Helvetica. I don’t see any way of avoiding that. You can’t remove Helvetica from either the project settings or the main text class. Please clarify. Thanks!
If you create a new project > open the class manager, you can deleter the font family here.
This will then default to the std bootstrap system font. The drawback / side effect, is you will not see the system font in edit mode, only in preview and publish.
You can add this bric to a global footer, and it will then show the system font in edit mode also. It only affects edit mode and will not add anything in preview or published page. I just created it so I can see the real system font in edit mode after doing the step above.
System Font.bex.zip (252.0 KB)
Hi all,
I have always added a font to whatever I am doing - so can someone please tell me the benefit to just leaving it as a default font? (other than instant load I guess!)
I do at time to time see posts on the forum of things like this and I do wonder why or whats the point!….so I am just asking what benefit this will give me - thanks all.
