The | programming font
Victor Mono is an open-source monospaced font with optional semi-connected cursive italics and programming symbol ligatures.
The typeface is slender, crisp and narrow, with a large x-height and clear punctuation, making it legible and ideal for code. It comes in seven weights and Roman, Italic and Oblique styles.
</ </> /> ~- -~ ~@ <~ <~> <~~ ~> ~~ ~~> >= <= <!-- ## ### #### |- -| |-> <-| >-| |-< |= |=> >- <- <-- --> -> -< >-> >>- <<- <-> ->> -<< <-< ==> => =/= !== != <== >>= =>> >=> <=> <=< =<= =>= <<= =<< .- .= =:= =!= == === :: := :> :< >: <: ;; <| <|> |> <> <$ <$> $> <+ <+> +> ?= /= /== /\ \/ __ && ++ +++
When it comes to programming fonts, I prefer something thin and relatively condensed, but with a more informal, flowing and human style for standouts like comments and certain keywords.
In the past, I always ended up looking for something else after using a font for a while, because something didn't look right to me. So I started sketching and designing something myself. I wanted something that:
- had friendly and distinct italics
- had a strict, geometric and readable regular style
- had programming symbol ligatures
- was slender and elegant
- narrow enough to fit a lot of text
- wide enough to be scannable
- looked consistent and professional
Other stuff (like having a million alternative glyphs or as many ligatures as possible) wasn't (and isn't) important. Victor Mono is the result. You might like it as well. That's brilliant! You might not. That's also fine: use a font that works for you. 😛
Get it
If you try it out and like it, I would be very grateful for any donations. It means I can cover some costs for software and time spent - and keep refining and extending the font.
For use in apps, web pages or other projects:
npm i victormono -> import 'victormono'
Style elements with font-family: 'Victor Mono'How to use
1) Download the font
2) Unpack the ZIP
3) Install the font (all styles or the ones you want)
4) Change the font settings in your code editor / IDE of choice to "Victor Mono"
5) Optional · Set the code theme to one you like. Check out https://themer.dev/victor-mono, where you can download the official theme for your favourite terminals, editors and apps.
6) Optional · Modify the theme colours and its application of normal/italic/bold styles
$1/month or - $9.99 in total
$2/month or $10-24.99 in total
There’s a feature of the font that I don’t like. Could you change it?
Will you add some stylistic variations, like a slashed zero, sharper brackets etc.?
Will you make a custom style generator, where one can pick the preferred stylistic alternatives and download the corresponding font files?
Did you know that the [insert typeface property here] violates some 500-year old font design convention?
The font is missing an obscure ligature symbol used for indicating an infinite loop in the language Goskell when writing in ancient Ghiscari. Would you be willing to add it?
A programming font with cursive italics and ligatures is the worst idea in the world. This is absolutely horrible. BTW, I am really angry.
Credits
A number of frameworks/packages have been used to make this web site. Big thanks to the following:
Lovely gradients Granim.js by Benjamin Blonde
Cool animated typing Typed.js by Matt Boldt
Animations here & there Anime.js
Smooth scrolling vue-scrollto by Igor Randjelovic
Image comparison component vue-twentytwenty by Mark Hayes
FAQ component vue-faq-accordion by Vladimir Gerasimenko
Thank-you-confetti dom-confetti by Daniel Lundin
CSS framework / component library Element
Sharing component vue-social-sharing by Nicolas Beauvais
Supporter tier medal design Andy (psdblast.com)
Article on lazily loading components when visible Skeleton Loading Animation with Vue.js by Markus Oberlehner
Embed tweets in Vue apps vue-tweet-embed by Anton Kozlov
The nice JS framework Vue.js
Supercool scaffolding and tools for Vue.js development Vue CLI
Automated building and deployment of web site from source Travis CI
Very nice (and rather expensive) font design software Glyphs
Hosted by the nice folks at GitHub
Font and web site Rune B