Skip to content
A brochure website to demonstrate the benefits of variable fonts
HTML JavaScript CSS Ruby Python
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
_includes rework receding baseline page for better layout Jun 13, 2019
js don't include javascript in playground for now, as it's causing probl… Jun 25, 2019
typetools @ 3f8c485 update typetools Jun 24, 2019
.gitmodules typetools back with new repo Jun 24, 2019
Gemfile update jekyll for github pages Nov 6, 2018
Gemfile.lock update gems Feb 28, 2019
LICENSE Create LICENSE Nov 6, 2018 Update Dec 12, 2018
_config.yml update font references and remove refs to proprietary fonts Jun 24, 2019 add HTML comment with site generation time May 16, 2019
playground-iframe.html trying to get this dark mode to look good May 3, 2019
playground-template.html working resizable iframe playground Mar 21, 2019
varbro.scss hide nav links on Colophon May 16, 2019


Public site, in collaboration with Google Fonts, advertising the benefits of variable fonts,

This repo is for a site demonstrating variable fonts being written and illustrated by dBerlow@fontbureau.

The editorial structure is an overview and then three sections:

  1. Font primer is a section on existing font format and functionality before variables, with its own intro page. Does not cover all of font before variables, but covers topics that are fundamental to know, or are changing with variables. Extendable to cover more about fonts, per additional topic as required.

  2. Variable fonts is a section on existing font format and functionality before variables, with its own intro page. Each topic in the section matches those in the primer and covers what’s changing and adding functionality from what’s covered in the primmer. Extendable to cover more about variables, per additional topic as required. (All these are written on Google Drive: 4-6 illustrations and graphics are still to come on this from DB.

  3. Each topic has one of more demonstrations, labled as “examples.” In the case of multiple examples in a topic, these can be on seperate branches of the topic, or can build a demo from smaller examples to a combination or varible functionality solving a type issue.

Topics so far are: script, family, style, size, spacing, and contrast/background.

These 6 topics have 16 examples. I began putting text and sketches of these all together in a single RTF on the above drive in: Typography/All-Example Brochure Team

A template exists for these pages and mockups based on that template are in Google slides, which have been shared.

As of 11/28/18, content exists here to make 12-15 pages to start and get more contributors invoved.

You can’t perform that action at this time.