Fantasque Sans Mono font

By Jany Belluz on Oct 26, 2018

Fantasque Sans Mono

Fantasque Sans Mono

Fantasque Sans Mono

A programming font, designed with functionality in mind, and with some wibbly-wobbly handwriting-like fuzziness that makes it unassumingly cool.

Previously known as Cosmic Sans Neue Mono. It appeared that similar names were already in use for other fonts, and that people tended to extend their instinctive hatred of Comic Sans to this very font of mine (which of course can only be loved). Why the previous name? Here is my original explanation:

The name comes from my realization that at some point it looked like the mutant child of Comic Sans and Helvetica Neue. Hopefully it is not the case any more.

Inspirational sources include Inconsolata and Monaco. I have also been using Consolas a lot in my programming life, so it may have some points in common.
AAAaaa
<style type="text/css">
@font-face{
    font-family:"fantasque-sans-mono-regular";
    src:url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.regular.otf") format("truetype");
}
span.font0{font-family:"fantasque-sans-mono-regular";font-size:px;text-transform:;}
</style>
Fantasque Sans Mono Regular
<style type="text/css">
@font-face{
    font-family:"fantasque-sans-mono-italic";
    src:url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.italic.otf") format("truetype");
}
span.font1{font-family:"fantasque-sans-mono-italic";font-size:px;text-transform:;}
</style>
Fantasque Sans Mono Italic
<style type="text/css">
@font-face{
    font-family:"fantasque-sans-mono-bold";
    src:url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.bold.otf") format("woff"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.bold.otf") format("opentype"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.bold.otf") format("truetype");
}
span.font2{font-family:"fantasque-sans-mono-bold";font-size:px;text-transform:;}
</style>
Fantasque Sans Mono Bold
<style type="text/css">
@font-face{
    font-family:"fantasque-sans-mono-bold-italic";
    src:url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.bold-italic.otf") format("woff"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.bold-italic.otf") format("opentype"),
    url("https://fontsme.com/wp-data/f/98/15098/file/fantasque-sans-mono.bold-italic.otf") format("truetype");
}
span.font3{font-family:"fantasque-sans-mono-bold-italic";font-size:px;text-transform:;}
</style>
Fantasque Sans Mono Bold Italic

Ad1

ad2