StyleCampaign.com

Time 2021-10-22 20:07:52

Web Name: StyleCampaign.com

WebSite: http://stylecampaign.com

ID:210212

Keywords:

StyleCampaign,com,

Description:

keywords:
description:
StyleCampaign Portfolio Services Blog Contact From the blog: Variable fonts in email

In 2020, variable font usage rose from 1.811%, mostly due to Google Fonts throwing their support behind it. There's now a variable font toggle at the top of their homepage, with 88 typefaces available as of March 2021. As this new tech looks increasingly production ready, I wanted to update this introduction which was originally published in Emailzine #01, August 2019. Ive reworked it, and ran some new tests using the Google Fonts API.

* * *

Variable fonts generate multiple styles from a single font file. Glyph outlines
like the letter I above can shapeshift into different weights. Its the type
equivalent of SVG/CSS shape morphing or tweening in animation.

Normally when you purchase a webfont youd 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. This is possible as character outlines can morph between extremes, such as a thin to black weight. If you squint and imagine the image above is the letter I, its outline can shapeshift across a range of weights; all drawn from the same glyph and with the same number of points.

Variable font EB Garamond, weight axis 400800. Named instances
in increments of 100 e.g. 400=regular, 500=medium, 600=semi-bold.
Values underlined e.g. 455 are inbetweens, and can now be selected.

The full range of weight options falls along a design-variation axis, from which the type designer is able to assign different locations and useful names e.g. thin, regular or bold. These pre-defined options are called named instances. If you require a weight that falls inbetween a named instance you can select it yourself, allowing for more control. As type designer David Jonathan Ross explains, Variable fonts break down that wall between type designer and type user, because now you have access to stuff that previously only I had access to.

Continue reading on the blog

Portfolio Services Blog Contact Newsletter Copyright 2021 Style Campaign

TAGS:StyleCampaign com 

<<< Thank you for your visit >>>

Hot Websites