From Things and Stuff Wiki
Jump to: navigation, search

Things and Stuff Wiki - An organically evolving personal wiki knowledge base with an on-the-fly taxonomy containing topic outlines, descriptions, notes and breadcrumbs, with links to sites, systems, software, manuals, organisations, people, articles, guides, slides, papers, books, comments, videos, screencasts, webcasts, scratchpads and more. Quality varies drastically. Use the Table of Contents to navigate long pages, use the Small-ToC and Tiny-ToC header links on longer pages. Not that mobile friendly atm. #tnswiki on freenode IRC for feedback chat, or see About for login and further information. / et / em

See also Data#Encoding


  • https://github.com/robey/font-problems - a command-line tool for reading and writing console bitmap fonts. These are fonts described by a rectangular pixel matrix, used for small hardware projects like light-up signs or low-resolution terminals.


  • NAFE - not a consolefont editor, but a toolset to translate psf format consolefonts into text files and text files into psf files. the advantage is that you can edit the font in the text file easily with any text editor (not provided by nafe)


  • https://en.wikipedia.org/wiki/Glyph_Bitmap_Distribution_Format - BDF, by Adobe is a file format for storing bitmap fonts. The content takes the form of a text file intended to be human- and computer-readable. BDF is typically used in Unix X Window environments. It has largely been replaced by the PCF font format which is somewhat more efficient, and by scalable fonts such as OpenType and TrueType fonts.





to resort











Slab serif


  • Inconsolata is a monospace font, designed for code listings and the like, in print. First and foremost, Inconsolata is a humanist sans design. I strove for the clarity and clean lines of Adrian Frutiger's Avenir (the lowercase "a", in particular, pays homage to this wonderful design), but also looked to Morris Fuller Benton's Franklin Gothic family for guidance on some of my favorite glyphs, such as lowercase "g" and "S", and, most especially, the numerals. Designing a monospace font poses unique challenges. I have carefully studied many other monospaced fonts to see how they solve these problems. Many of the available monospace fonts are adaptations of existing proportionally-spaced fonts, but some, such as Letter Gothic, draw strength from being their own designs. I hope Inconsolata upholds that tradition.

  • https://en.wikipedia.org/wiki/Menlo_(typeface) - a monospaced sans-serif typeface designed by Jim Lyles. The face first shipped with Mac OS X Snow Leopard. Menlo is based upon the Open Source font Bitstream Vera and the public domain font Deja Vu.

  • http://larsenwork.com/monoid - Monoid is customizable and optimized for coding with bitmap-like sharpness at 12px/9pt even on low res displays.


  • Terminus Font is a clean, fixed width bitmap font, designed for long (8 and more hours per day) work with computers. Version 4.38 contains 879 characters, covers about 120 language sets and supports ISO8859-1/2/5/7/9/13/15/16, Paratype-PT154/PT254, KOI8-R/U/E/F, Esperanto, many IBM, Windows and Macintosh code pages, as well as the IBM VGA, vt100 and xterm pseudographic characters. The sizes present are 6x12, 8x14, 8x16, 10x18, 10x20, 11x22, 12x24, 14x28 and 16x32. The styles are normal and bold (except for 6x12), plus EGA/VGA-bold for 8x14 and 8x16.

  • ProFont is a small bitmap font which is absolutely great for programming. It was made for Macintosh computers, but now it's also available for Windows and Linux/UNIX X Windows.
    • bold letters touch (or merge..)

  • proggy_fonts - Monospaced Bitmap Programming Fonts. Each font only comes in one size that it looks good at. The ttf fonts should also be used at their intended point size as they are basically conversions of the pixel based bitmap versions. The fonts were optimized while coding in C or C++... for this reason, characters like the '*' were placed vertically centered, as '*' usually means dereference or multiply, but never 'to the power of' like in Fortran.

  • Silkscreen is a four member type family for your Web graphics created by Jason Kottke. Silkscreen, with both Mac and Windows versions, is free for personal and corporate use. There is more information about Silkscreen, including terms of use, in the FAQ below.
  • MonteCarlo is a bitmap font suitable for code editors. All the characters have the same width, which is ideal for alignment. It is loosely derived from the look of the Monaco screen font that was available on the old MacOS systems. Some changes have been made to make it easier to differentiate certain symbols.
  • The M+ OUTLINE FONTS are distributed with proportional Latin (4 variations), fixed-halfwidth Latin (3 variations) and fixed-fullwidth Japanese (2 Kana variations) character set. 7 weights from Thin to Black are included, but fixed-halfwidth Latin with 5 weights from Thin to Bold.

  • http://pelulamu.net/unscii/ a set of bitmapped Unicode fonts based on classic system fonts. Unscii attempts to support character cell art well while also being suitable for terminal and programming use. [22]






  • https://en.wikipedia.org/wiki/Comic_Sans - a sans-serif casual script typeface designed by Vincent Connare and released in 1994 by Microsoft Corporation. It is a casual, non-connecting script inspired by comic book lettering, intended for use in informal documents and children's materials. The typeface has been supplied with Microsoft Windows since the introduction of Windows 95, initially as a supplemental font in the Windows Plus Pack and later in Microsoft Comic Chat. Describing it, Microsoft has explained that "this casual but legible face has proved very popular with a wide variety of people." The typeface's widespread use, often in situations for which it was not intended, has been criticized.

  • Get Comic Neue - Comic Sans wasn’t designed to be the world’s most ubiquitous casual typeface1. Comic Neue aspires to be the casual script choice for everyone including the typographically savvy. The squashed, wonky, and weird glyphs of Comic Sans have been beaten into shape while maintaining the honesty that made Comic Sans so popular. It's perfect as a display face, for marking up comments, and writing passive aggressive office memos. [29] [30]


to sort





To install fonts system-wide (available for all users), move the folder to the /usr/share/fonts/ directory. To install fonts for only a single user, use ~/.fonts/ instead.

Then update the fontconfig font cache:

fc-cache -vf



  • font-manager - A font management application for the GNOME desktop


Font stack


Repos and foundries

Places with lots of free (and other) fonts. To be categorised.

Large repos


Smaller collections

Web fonts

@font-face {
  font-family: 'Font Name';
  src: url('library/fonts/font-name.eot');
  src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
  url('library/fonts/font-name.woff') format('woff'),
  url('library/fonts/font-name.ttf') format('truetype'),
  url('library/fonts/font-name.svg#font-name') format('svg');
  font-weight: normal;
  font-style: normal;


Repos, etc.


  • Fontue is a Rack-based, open-source, web font server built for Kernest.com


Webfont icons

See also Graphics#Icons



You should be using a generator tool or service to save on font file size for production.

  • GlyphSearch - Search for icons from Font Awesome, Glyphicons, IcoMoon, and Ionicons
  • Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. OpenType file for mockups or drop in the @font-face code into your CSS. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.
  • iconmonstr - Free simple icons for your next project.
  • Meteocons is a set of weather icons, it containing 40+ icons available in PSD, CSH, EPS, SVG, Desktop font and Web font. All icon and updates are free and always will be.
  • Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.
  • The Noun Project is building a global visual language that everyone can understand. We want to enable our users to visually communicate anything to anyone.
  • Batch - A lovingly designed and crafted suite of 300+ icons for web and user interface design. Each icon in the Batch PSD is a single shape layer, meaning they can be scaled up—or down—without loss of quality. The download includes the Batch PSD, SVGs (128x128) and PNGs (16x16, 32x32, 64x64).




  • Fontello - icon fonts generator
  • IcoMoon - Crowse and select icons to download them or make a font. You can import SVG images or fonts

See also HTML/CSS#Buttons






vw, vh, vmin: ie and chrome, fallback with fittext.js


Set p size first or use 100% for the usual browser default (16px).

font-size: 62.5%;
  set 1em equal to 10px

The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.


  • traditional scale (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72)
  • Fibonacci sequence (e.g. 16 – 24 – 40 – 64 – 104)

copy font size

  • x1.5 line height
  • x27.8 line length






  • FontForge - An outline font editor that lets you create your own postscript, truetype, opentype, cid-keyed, multi-master, cff, svg and bitmap (bdf, FON, NFNT) fonts, or edit existing ones. Also lets you convert one format to another.


  • Umap - places unicode characters into the clipboard.


See Smiley