Skip to content
forked from iaolo/iA-Fonts

Free variable writing fonts from iA

Notifications You must be signed in to change notification settings

codex-src/iA-Fonts

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iA Fonts

I did not make these fonts. These were designed by Oliver Reichenstein @iaolo and the iA team, based on the open source IBM Plex font family. This is a fork of the official iA-Fonts repo to make it easier to expose the iA Writer font family as webfonts.

For a detailed exploration into the design and development of these fonts, please see this introductory article from the iA Writer blog.

iA Writer started off with one font. The classic Nitti, designed by Bold Monday. Last year we added iA Writer Duo, a two-spaced typeface that gives a bit more room to W’s and M’s, based on IBM Plex. This year, we add a third font with four character sizes, called iA Writer Quattro and unify the designs.

Quattro shares similarities with a proportional typeface. At the same time, it retains a lot of the technical virtues of the classic typewriter fonts using wider gaps between the words and giving each letter more room than a classic, fully proportional face.

Installation

If you want to be use these fonts in your own project, you should be able to import them (once downloaded) like so:

<link rel="stylesheet" href="iA Writer Mono/Webfonts/index.css">
<link rel="stylesheet" href="iA Writer Duo/Webfonts/index.css">
<link rel="stylesheet" href="iA Writer Quattro/Webfonts/index.css">

If you don’t want to download this repo, you should be able to import them like so:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codex-src/iA-Fonts@master/iA%20Writer%20Mono/Webfonts/index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codex-src/iA-Fonts@master/iA%20Writer%20Duo/Webfonts/index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codex-src/iA-Fonts@master/iA%20Writer%20Quattro/Webfonts/index.css">

Note: To install variable fonts, simply change Webfonts to Variable.

Please refer to index.html and index-jsdelivr.html for example usage. And finally, you can refer to this CodePen to see the jsDelivr version in action.

Licensing

These are fonts from iA. Please read the licensing files before using them in any way.

Licenses:

Releases

No releases published

Packages

No packages published

Languages

  • HTML 51.7%
  • CSS 48.3%