:snap: How to change looks on your Snap!

How to change your looks in the Snap! website and the editor

In this tutorial, I'm going to show you how to change your Snap! looks without downloading anything!

Go to your browser settings

You may need Chrome or Edge for this. Not yet for Firefox, I think.

  1. In your Chrome or Edge, click the three-dot menu, then choose Settings

  2. At the left, choose Appearance, then choose Customize fonts

  3. Your screen should look like this:

  4. If you want to change the font on your write block or some code font, you can scroll to Fixed-width font. Choose a font in the dropdown. (Warning: False fonts might make the display weird)
    To change the font in the community site (not the editor or the forums), go to Sans-serif font, then choose the dropdown there. The font on the website will be that font.
    To change the font size, change the slider next to Font size. The font size will be applied to the website.

Here's my page in Tahoma font:

Here's my page in Segoe UI font:

Hope this helps! :slight_smile:

of course this will break snap projects

Could you be less cryptic about why?

Some variable-based fonts can cause some text on the stage to go offscreen or tinier looking than the project developer intended. And being the developer of such projects with variable-based fonts is even worse.