:snap: How to change looks on your Snap!

Tutorials (Here's how to...)
1

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:

    chromefont
    chromefont1045×670 25 KB

    edgefont
    edgefont1320×789 46.8 KB

  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:

myPageOnTahoma
myPageOnTahoma1920×933 235 KB

Here's my page in Segoe UI font:

myPageOnSegoeUI
myPageOnSegoeUI1920×919 234 KB

Hope this helps! :slight_smile:

2

of course this will break snap projects

3

Could you be less cryptic about why?

4

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.