Amstelvar Alpha
 
This email test uses the typeface Amstelvar, a variable font designed by David Berlow. I'm setting the weight, width, optical size and grade axes. The bottom section has a supports font-variation-settings check, while the top doesn't.
 
This is an update of the test we used in the email zine, back then I just threw in any axis values, as we wanted to quickly test for any email support. Hopefully the values make a bit more sense this time. The variable font Amstelvar is being self-hosted in this email test, there are more axes available than the four I'm using. I tried optical size set to pixels and points, and left it with pixels. A bit rough, but the idea is the bottom section should only change if font-variation-settings are supported. Never know what text to put in these, so I'm going with the blog post, feel free to download and mess with the demo. Normally when you purchase a webfont you’d choose from a range of individual styles such as condensed or bold, and each of these is a separate file. The change introduced with OpenType variable fonts, is that they can generate multiple styles from a single font file.
 
 
 
Amstelvar Alpha
 
This email test uses the typeface Amstelvar, a variable font designed by David Berlow. I'm setting the weight, width, optical size and grade axes. The bottom section has a supports font-variation-settings check, while the top doesn't.
 
This is an update of the test we used in the email zine, back then I just threw in any axis values, as we wanted to quickly test for any email support. Hopefully the values make a bit more sense this time. The variable font Amstelvar is being self-hosted in this email test, there are more axes available the four I'm using. I tried optical size set to pixels and points, and left it with pixels. A bit rough, but the idea is the bottom section should only change if font-variation-settings are supported. Never know what text to put in these, so I'm going with the blog post, feel free to download and mess with the demo. Normally when you purchase a webfont you’d choose from a range of individual styles such as condensed or bold, and each of these is a separate file. The change introduced with OpenType variable fonts, is that they can generate multiple styles from a single font file.