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.
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.
These are fonts from iA. Please read the licensing files before using them in any way.
Licenses: