Pixel Code

A pixel font that's actually good for programming.

Pixel Code is a monospace pixel art style programming font which is designed to maximize readability and code-friendliness, while sticking to a pixel grid.

Each glyph was carefully designed to be as legible as possible, with special consideration given to their roles in programming. Furthermore, the OpenType Contextual Alternates feature has been leveraged to provide pseudo-kerning, eliminating uneven gaps caused by thin letters like 'i' and 'l', while avoiding the need to reduce their legibility by making them wider.

Pixel Code also includes a full set of programming ligatures inspired by those in fonts like Fira Code. Ligatures reduce visual noise, consolidating the meanings of multi-glyph structures automatically, so that the programmer's brain can spend more of its resources on actually programming.

I hope you enjoy the font, I put a lot of work in to it!

Download

Quick Start

How do I use this?

Local Installation (for code editors, IDEs, etc.)

Download the latest release from GitHub and install your desired weights and styles on your computer. If you don't know which format to install, I recommend using the TTF versions.

Once the font is installed you should be able to configure your editor to use it using the name "Pixel Code".


Weights and Styles

Comes in a complete range of weights and regular/italic styles.

These alternate weights are automatically generated from the default (400).

100 Thin + Italic | * The Five Boxing Wizards Jump Quickly * 200 ExtraLight + Italic | * The Five Boxing Wizards Jump Quickly * 300 Light + Italic | * The Five Boxing Wizards Jump Quickly * 400 Regular + Italic | * The Five Boxing Wizards Jump Quickly * 500 Medium + Italic | * The Five Boxing Wizards Jump Quickly * 600 DemiBold + Italic | * The Five Boxing Wizards Jump Quickly * 700 Bold + Italic | * The Five Boxing Wizards Jump Quickly * 800 ExtraBold + Italic | * The Five Boxing Wizards Jump Quickly * 900 Black + Italic | * The Five Boxing Wizards Jump Quickly * 950 ExtraBlack + Italic | * The Five Boxing Wizards Jump Quickly *

Unicode Coverage

Language support & various useful glyphs.

Pixel Code supports Latin, Greek, Cyrillic, and Hebrew alphabets.

All human beings are born free and equal in dignity and rights. Они наделены разумом и совестью и должны поступать в отношении друг друга в духе братства. Tout individu a droit à la vie, à la liberté et à la sûreté de sa personne. Ніхто не повинен зазнавати тортур, або жорстокого, нелюдського, або такого, що принижує його гідність, поводження і покарання. Καθένας, όπου και αν βρίσκεται, έχει δικαίωμα στην αναγνώριση της νομικής του προσωπικότητας. Nie wolno nikogo czynić niewolnikiem ani nakładać na nikogo służebności; niewolnictwo i handel niewolnikami są zakazane we wszystkich swych postaciach. Todos los niños, nacidos de matrimonio o fuera de matrimonio, tienen derecho a igual protección social. כל אדם זכאי להיות מוכר בכל מקום כאשיות בפני החוק.

And has box drawing characters, geometric shapes, dingbats, and various technical symbols.

╭─ Box Drawing ──────────╮ │ ┌─┬┐ ╔═╦╗ ╓─╥╖ ╒═╤╕ │ │ │ ││ ║ ║║ ║ ║║ │ ││ │ │ ├─┼┤ ╠═╬╣ ╟─╫╢ ╞═╪╡ │ │ └─┴┘ ╚═╩╝ ╙─╨╜ ╘═╧╛ │ │ ╭───────────────────╮ │ │ │ ╔═══╗ ╭───────╮ │▒ │ │ │ ╚═╦═╝ ╰───────╯ │▒ │ │ ╞═╤══╩══╤═══════════╡▒ │ │ │ ├──┬──┤ │▒ │ │ │ └──┴──┘ │▒ │ │ ╰───────────────────╯▒ │ │ ▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒ │ ╰────────────────────────╯ ╭─ Geometric Shapes ──╮ │ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ │ │ ▪ ▫ ▬ ▭ ▮ ▯ ▲ △ │ │ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ │ │ ▾ ▿ ◀ ◁ ◂ ◃ ◄ ◅ ◆ ◇ │ │ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ │ │ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ │ │ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ │ │ ◦ ◧ ◨ ◩ ◪ ◫ ◭ ◮ ◯ │ │ ◰ ◱ ◲ ◳ ◴ ◵ ◶ ◷ ◸ ◹ │ │ ◺ ◻ ◼ ◿ │ ╰─────────────────────╯ ╭─ Dingbats ───────╮ │ ✅ ✉✊✋✌ │ │ ✓✔✕✖✗✘✙✚✛✜ │ │ ✡✢✣✤✥✦✧✨ │ │ ✳✴ │ │ ✿❀ ❇❈ │ │ ❌ ❎❏❐❑❒❓❔❕ │ │ ❗❘❙❚❛❜❝❞ ❡❢❣❤❥ │ │ ❦❧❨❩❪❫❬❭❮❯❰❱❲❳❴❵ │ │ ❶❷❸❹❺❻❼❽❾❿➀➁➂➃➄➅ │ │ ➆➇➈➉➊➋➌➍➎➏➐➑➒➓➔ │ │ ➕➖➗➘➙➚➛➜➝➞➟➠➡ │ │ ➢➣➤➥➦➧➨➩➪➫➬➭➮➯➰ │ │ ➱➲➳➴➵➶➷➸➹➺➻➼➽➾➿ │ ╰──────────────────╯ ──── Misc. ──── # Powerline                    # Fira Progress Bar              ✓

The full set of glyphs in Pixel Code can be viewed below.

  ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ ¡ ¢ £ ¤ ¥ ¦ § ¨ ª « ¬ ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı IJ ij Ĵ ĵ Ķ ķ ĸ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň ʼn Ŋ ŋ Ō ō Ŏ ŏ Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ŧ ŧ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ŵ ŵ Ŷ ŷ Ÿ Ź ź Ż ż Ž ž ʰ ʱ ʲ ʳ ʴ ʶ ʷ ʸ ˀ ˁ ˂ ˃ ˄ ˅ ˆ ˇ ˈ ˉ ˊ ˋ ˌ ˍ ˎ ˏ ː ˑ ˔ ˕ ˖ ˗ ˘ ˙ ˚ ˜ ˝ ˟ ˡ ˢ ˣ ˤ ˥ ˦ ˧ ˨ ˩ ˪ ˫ ˬ ˭ ˯ ˰ ˱ ˲ ˳ ˴ ˵ ˶ ˷ ˸ ˹ ˺ ˻ ˼ ˽ ˾ Ͱ ͱ Ͳ ͳ ʹ ͵ Ͷ ͷ ͺ ͻ ͼ ͽ ; Ϳ ΄ ΅ Ά · Έ Ή Ί Ό Ύ Ώ ΐ Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω Ϊ Ϋ ά έ ή ί ΰ α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ ς σ τ υ φ χ ψ ω ϊ ϋ ό ύ ώ Ϗ ϐ ϑ ϒ ϓ ϔ ϕ ϖ ϗ Ϙ ϙ Ϛ ϛ Ϝ ϝ Ϟ ϟ Ϡ ϡ ϱ ϲ ϳ ϴ ϵ ϶ Ϸ ϸ Ϲ Ϻ ϻ ϼ Ͻ Ͼ Ͽ Ѐ Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ѝ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ѐ ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ѝ ў џ א ב ג ד ה ו ז ח ט י ך כ ל ם מ ן נ ס ע ף פ ץ צ ק ר ש ת ׳ ״ ᴬ ᴭ ᴮ ᴰ ᴱ ᴲ ᴳ ᴴ ᴵ ᴶ ᴷ ᴸ ᴹ ᴺ ᴻ ᴼ ᴽ ᴾ ᴿ ᵀ ᵁ ᵂ ᵃ ᵅ ᵇ ᵈ ᵉ ᵍ ᵎ ᵏ ᵐ ᵑ ᵒ ᵖ ᵗ ᵘ ᵛ ᵝ ᵢ ᵣ ᵤ ᵥ ᵦ ‐ ‑ ‒ – — ― ‖ ‘ ’ ‚ ‛ “ ” „ ‟ † ‡ • ‣ ․ ‥ … ‧ ′ ″ ‴ ‵ ‶ ‷ ‸ ‹ › ‼ ‽ ‾ ‿ ⁀ ⁁ ⁂ ⁃ ⁅ ⁆ ⁇ ⁈ ⁉ ⁋ ⁌ ⁍ ⁎ ⁐ ⁑ ⁒ ⁓ ⁔ ⁕ ⁖ ⁘ ⁙ ⁚ ⁛ ⁜ ⁝ ⁞ ⁰ ⁱ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎ ₐ ₑ ₒ ₓ ₕ ₖ ₗ ₘ ₙ ₚ ₛ ₜ ← ↑ → ↓ ↕ ↖ ↗ ↘ ↙ ↩ ↪ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇠ ⇡ ⇢ ⇣ ⇦ ⇧ ⇨ ⇩ ⇪ ─ ━ │ ┃ ┄ ┅ ┆ ┇ ┊ ┋ ┌ ┍ ┎ ┏ ┐ ┑ ┒ ┓ └ ┕ ┖ ┗ ┘ ┙ ┚ ┛ ├ ┝ ┞ ┟ ┠ ┡ ┢ ┣ ┤ ┥ ┦ ┧ ┨ ┩ ┪ ┫ ┬ ┭ ┮ ┯ ┰ ┱ ┲ ┳ ┴ ┵ ┶ ┷ ┸ ┹ ┺ ┻ ┼ ┽ ┾ ┿ ╀ ╁ ╂ ╃ ╄ ╅ ╆ ╇ ╈ ╉ ╊ ╋ ╌ ╍ ╎ ╏ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬ ╭ ╮ ╯ ╰ ╱ ╲ ╳ ╴ ╵ ╶ ╷ ╸ ╹ ╺ ╻ ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ ▖ ▗ ▘ ▙ ▚ ▛ ▜ ▝ ▞ ▟ ■ □ ▢ ▣ ▤ ▥ ▦ ▧ ▨ ▩ ▪ ▫ ▬ ▭ ▮ ▯ ▲ △ ▴ ▵ ▶ ▷ ▸ ▹ ► ▻ ▼ ▽ ▾ ▿ ◀ ◁ ◂ ◃ ◄ ◅ ◆ ◇ ◈ ◉ ◊ ○ ◌ ◍ ◎ ● ◐ ◑ ◒ ◓ ◔ ◕ ◖ ◗ ◘ ◙ ◚ ◛ ◜ ◝ ◞ ◟ ◠ ◡ ◢ ◣ ◤ ◥ ◦ ◧ ◨ ◩ ◪ ◫ ◭ ◮ ◯ ◰ ◱ ◲ ◳ ◴ ◵ ◶ ◷ ◸ ◹ ◺ ◻ ◼ ◿ ✅✉ ✊✋✌ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✨✳ ✴ ✿ ❀ ❇ ❈ ❌❎❏ ❐ ❑ ❒ ❓❔❕❗❘ ❙ ❚ ❛ ❜ ❝ ❞ ❡ ❢ ❣ ❤ ❥ ❦ ❧ ❨ ❩ ❪ ❫ ❬ ❭ ❮ ❯ ❰ ❱ ❲ ❳ ❴ ❵ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ➔ ➕➖➗➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➰➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ➿⟲ ⟳ ⟵ ⟶ ⠁ ⠂ ⠃ ⠄ ⠅ ⠆ ⠇ ⠈ ⠉ ⠊ ⠋ ⠌ ⠍ ⠎ ⠏ ⠐ ⠑ ⠒ ⠓ ⠔ ⠕ ⠖ ⠗ ⠘ ⠙ ⠚ ⠛ ⠜ ⠝ ⠞ ⠟ ⠠ ⠡ ⠢ ⠣ ⠤ ⠥ ⠦ ⠧ ⠨ ⠩ ⠪ ⠫ ⠬ ⠭ ⠮ ⠯ ⠰ ⠱ ⠲ ⠳ ⠴ ⠵ ⠶ ⠷ ⠸ ⠹ ⠺ ⠻ ⠼ ⠽ ⠾ ⠿ ⡀ ⡁ ⡂ ⡃ ⡄ ⡅ ⡆ ⡇ ⡈ ⡉ ⡊ ⡋ ⡌ ⡍ ⡎ ⡏ ⡐ ⡑ ⡒ ⡓ ⡔ ⡕ ⡖ ⡗ ⡘ ⡙ ⡚ ⡛ ⡜ ⡝ ⡞ ⡟ ⡠ ⡡ ⡢ ⡣ ⡤ ⡥ ⡦ ⡧ ⡨ ⡩ ⡪ ⡫ ⡬ ⡭ ⡮ ⡯ ⡰ ⡱ ⡲ ⡳ ⡴ ⡵ ⡶ ⡷ ⡸ ⡹ ⡺ ⡻ ⡼ ⡽ ⡾ ⡿ ⢀ ⢁ ⢂ ⢃ ⢄ ⢅ ⢆ ⢇ ⢈ ⢉ ⢊ ⢋ ⢌ ⢍ ⢎ ⢏ ⢐ ⢑ ⢒ ⢓ ⢔ ⢕ ⢖ ⢗ ⢘ ⢙ ⢚ ⢛ ⢜ ⢝ ⢞ ⢟ ⢠ ⢡ ⢢ ⢣ ⢤ ⢥ ⢦ ⢧ ⢨ ⢩ ⢪ ⢫ ⢬ ⢭ ⢮ ⢯ ⢰ ⢱ ⢲ ⢳ ⢴ ⢵ ⢶ ⢷ ⢸ ⢹ ⢺ ⢻ ⢼ ⢽ ⢾ ⢿ ⣀ ⣁ ⣂ ⣃ ⣄ ⣅ ⣆ ⣇ ⣈ ⣉ ⣊ ⣋ ⣌ ⣍ ⣎ ⣏ ⣐ ⣑ ⣒ ⣓ ⣔ ⣕ ⣖ ⣗ ⣘ ⣙ ⣚ ⣛ ⣜ ⣝ ⣞ ⣟ ⣠ ⣡ ⣢ ⣣ ⣤ ⣥ ⣦ ⣧ ⣨ ⣩ ⣪ ⣫ ⣬ ⣭ ⣮ ⣯ ⣰ ⣱ ⣲ ⣳ ⣴ ⣵ ⣶ ⣷ ⣸ ⣹ ⣺ ⣻ ⣼ ⣽ ⣾ ⣿ ⤌ ⤍ ⤎ ⤏ ⤙ ⤚ ⤛ ⤜ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤴ ⤵ ⤶ ⤷ ⤸ ⤹ ⤺ ⤻ ⤾ ⤿ ⥢ ⥣ ⥤ ⥥ ⥦ ⥧ ⥨ ⥩ ⥪ ⥫ ⥬ ⥭ ⥮ ⥯ ⥰ ⬀ ⬁ ⬂ ⬃ ⬅ ⬆ ⬇ ⬈ ⬉ ⬊ ⬋ ⬎ ⬏ ⬐ ⬑ ⬒ ⬓ ⬔ ⬕ ⬖ ⬗ ⬘ ⬙ ⬚ ⬛⬜⬝ ⬞ ⬥ ⬦ ⬧ ⬨ ⭕⭠ ⭡ ⭢ ⭣ ⭥ ⭦ ⭧ ⭨ ⭩ ⭮ ⭯ ⮌ ⮍ ⮎ ⮏ ⮐ ⮑ ⮒ ⮓ ⮕ ⮬ ⮭ ⮮ ⮯ ⮺ ⮻ ⮼ ⯀ ⯁ ⯅ ⯆ ⯇ ⯈ ⯊ ⯋ ⯑ ⯒ ⯾ ⯿ ⱼ ⱽ ꟲ ꟳ ꟴ ꟹ                                � 🬀 🬁 🬂 🬃 🬄 🬅 🬆 🬇 🬈 🬉 🬊 🬋 🬌 🬍 🬎 🬏 🬐 🬑 🬒 🬓 🬔 🬕 🬖 🬗 🬘 🬙 🬚 🬛 🬜 🬝 🬞 🬟 🬠 🬡 🬢 🬣 🬤 🬥 🬦 🬧 🬨 🬩 🬪 🬫 🬬 🬭 🬮 🬯 🬰 🬱 🬲 🬳 🬴 🬵 🬶 🬷 🬸 🬹 🬺 🬻 🬼 🬽 🬾 🬿 🭀 🭁 🭂 🭃 🭄 🭅 🭆 🭇 🭈 🭉 🭊 🭋 🭌 🭍 🭎 🭏 🭐 🭑 🭒 🭓 🭔 🭕 🭖 🭗 🭘 🭙 🭚 🭛 🭜 🭝 🭞 🭟 🭠 🭡 🭢 🭣 🭤 🭥 🭦 🭧 🭨 🭩 🭪 🭫 🭬 🭭 🭮 🭯 🮌 🮍 🮎 🮏 🮐 🮑 🮒 🮔 🮕 🮖 🮗 🮘 🮙 🮚 🮛 🮜 🮝 🮞 🮟 🮠 🮡 🮢 🮣 🮤 🮥 🮦 🮧 🮨 🮩 🮪 🮫 🮬 🮭 🮮 🮯 🮰 🮱 🮲 🮳 🮴 🮵 🮶 🮷 🮸 🮹 🮺 🮻 🮼 🮽 🮾 🮿 🯀 🯁 🯂 🯃 🯄 🯅 🯆 🯇 🯈 🯉 🯊 🯰 🯱 🯲 🯳 🯴 🯵 🯶 🯷 🯸 🯹

You can explore the togglable OpenType features of this font below.


Programming Ligatures

(to reduce visual noise)

Can be toggled with the "Ligatures" OpenType feature.

(liga)

Ligatures

Comments: // Single-line /* Multi-line */ /// Triple slash <!-- HTML-style --> Comparisons: x >= y x <= y x != y x == y x !== y x === y Arrows: => -> <- Assignments: a := b a *= b a /= b a |= b a >>= b a <<= b a +|= b a -|= b a *|= b a <<|= b Bitwise: p >> q p << q p >>> q p <<< q Miscellaneous: j || k j ** k std::namespace optional?.chaining https://example.com


Context Aware Punctuation

for better visual flow.

Can be toggled with the "Contextual Alternates" OpenType feature.

(calt)

0xFF 1920x1080 | Simplified x for hexadecimal and dimensions. *EQ *eq | Asterisks, colons, hyphens and plus signs A:E a:e | will move up or down depending on if they C-O c-o | follow (or precede) an uppercase or lower X+Z x+z | case letter.


Pseudo-Kerning

to avoid unseemly gaps.

Most monospace fonts simply use wide serifs on the i and l characters in order to make them fit nicely in with other glyphs without creating unnatural gaps on either side. I was not satisfied with this, as doing so reduces their legibility by making the letterforms less identifiable. So instead, I implemented "pseudo-kerning" that uses contextual subsitution of the l character to push it to the left by a pixel when it follows a letter with a wide right bearing like i and u.

I recommend enabling this feature for static text, but not for editable text, where it can be jarring to have the characters jump around as you type.

Can be enabled with the "Stylistic Set 20" OpenType feature.

(ss20)

will ......|. Notice, that even though hull ......| toggling the calt feature frill .....|.. moves these 'l's to the tailing ...|.. left, the characters to module ....|. the right remain unmoved. castle ....|.......................... soliloquy .|... Monospace is preserved.


Stylistic Alternates

(for those who prefer)

There are some alternate styles available for certain sets of glyphs.

(onum)

Oldstyle Figures (onum)

10, 9, 8, 7, 6, 5, 4, 3, 2, 1 -- Lift-off! What was it? 525_600 minutes in a year? const PI = 3.14159265358979323846264338; // TODO: Increase precision. let [x1, y1] = [0.12569, 0.45780];

(ss01)

Straight Comma (ss01)

{a:b.c,d:e}; | Originally, when Pixel Code was first released, it had a :;:;:;:;:;:; | less distinct style for the comma and semicolon; the old ,.,.,.,.,.,. | style has been made available as a togglable feature, so .:;,.:;,.:;, | that it can still be used if you preferred it.