← Back to context

Comment by varenc

1 year ago

For fun, here's a gif alternating between their new 'Areal Variable' font and my browser's default Arial:

https://i.imgur.com/B5UcBRK.gif

the difference mainly seems to be spacing?

4 comments

varenc

Reply
sdwr  1 year ago

I can see the stroke width differences that they mention in the article. The lowercase ee in been, the capital S.

Might be placebo, but the text in the article jumped out at me as fresh, clean, and warm. I think they did good work

kingforaday  1 year ago

Thanks. This is useful. One Q though, any idea why the 1 in the header is serif? It doesn't seem to in the rest of the doc body.

  • varenc  1 year ago

    I hadn't noticed that! Playing with CSS, the Areal font seems to have a serif on that `1` because of this CSS property: `font-feature-settings: "tnum"`. I assume this is some advanced font feature that original Arial doesn't support. Cool to see their attention to detail.