Discuss Scratch

airplanedodge
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

So, I saw this on the tutorials:

The font looks bolded, but my blocks don't have that:

Can someone tell me why?
wait, did i just freeze QaS? sorry

Last edited by airplanedodge (May 9, 2021 00:07:41)

Prime689
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

Sometimes if you zoom out a page with text, the text may appear different.
PaddlerGames
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

The Scratch Team may be using a different browser/operating system than you
airplanedodge
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

Prime689 wrote:

Sometimes if you zoom out a page with text, the text may appear different.
I don't think that's what happened here as the font appears bold.

PaddlerGames wrote:

The Scratch Team may be using a different browser/operating system than you
I think that might be what happened since according to ScratchStats.com a lot of the ST members use Macs, and looking at the blocklyText CSS I see this:

???? Where is Arial? I can literally change my browser default sans-serif font to Comic Sans and it will think that's the font I need to make the blocks!
mybearworld
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

The serif font is the browser's default font too…
I can't believe how many people's font is arial!

Anyways, Helvetica is bolder:


fdreerf
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

The tutorials were all made in an earlier version of 3.0, back when they used Helvetica instead of Arial, which is what they use now.
Maximouse
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

fdreerf wrote:

The tutorials were all made in an earlier version of 3.0, back when they used Helvetica instead of Arial, which is what they use now.
Arial is used on Windows because it's the default sans serif font, but on Mac Helvetica Neue is used instead, which probably supports the 500 font weight.
airplanedodge
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

mybearworld wrote:

The serif font is the browser's default font too…
I can't believe how many people's font is arial!

Anyways, Helvetica is bolder:
snip and snip
Ahhhhhh! Arial has a bold variant as well! Why is that not being used?
Maximouse
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

airplanedodge wrote:

Ahhhhhh! Arial has a bold variant as well! Why is that not being used?
For some reason Scratch sets the font weight to 500 (regular is 400, bold is 900 (edit: I'm not sure why I wrote this – bold is 700)). I think Helvetica Neue has this variant, but Arial doesn't.

Last edited by Maximouse (June 6, 2021 12:54:30)

airplanedodge
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

Maximouse wrote:

airplanedodge wrote:

Ahhhhhh! Arial has a bold variant as well! Why is that not being used?
-snip-
For some reason Scratch sets the font weight to 500 (regular is 400, bold is 900). I think Helvetica Neue has this variant, but Arial doesn't.
oh dear. any alternative fonts that the ST can add?
Maximouse
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

airplanedodge wrote:

Maximouse wrote:

airplanedodge wrote:

Ahhhhhh! Arial has a bold variant as well! Why is that not being used?
-snip-
For some reason Scratch sets the font weight to 500 (regular is 400, bold is 900). I think Helvetica Neue has this variant, but Arial doesn't.
oh dear. any alternative fonts that the ST can add?
I think they should just make the text bold – that would work with all fonts.
airplanedodge
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

Maximouse wrote:

airplanedodge wrote:

Maximouse wrote:

airplanedodge wrote:

Ahhhhhh! Arial has a bold variant as well! Why is that not being used?
-snip-
For some reason Scratch sets the font weight to 500 (regular is 400, bold is 900). I think Helvetica Neue has this variant, but Arial doesn't.
oh dear. any alternative fonts that the ST can add?
I think they should just make the text bold – that would work with all fonts.
yeah. they should tbf
Socialix
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

this looks like apple's font (sf pro), and helvetica neue is similar to sf pro, or you don't have the fonts and the sans-serif font is set to a bold version of sf pro/helvetica neue

someone give me a list of the best sans-serif fonts to set as default, im tired of arial
airplanedodge
Scratcher
1000+ posts

Why does the font on my Scratch blocks look different than the ones on the tutorials?

Socialix wrote:

this looks like apple's font (sf pro), and helvetica neue is similar to sf pro, or you don't have the fonts and the sans-serif font is set to a bold version of sf pro/helvetica neue

someone give me a list of the best sans-serif fonts to set as default, im tired of arial
Looking at the CSS, it seems like Helvetica Neue.
I'm on a Windows 10 pc and that's why I seem to have arial.
god someone please make a helvetica neue style sans serif font with the 500pt weight

Last edited by airplanedodge (May 10, 2021 22:17:39)

Powered by DjangoBB