2009/Please Your Pixel-Hungry Eyes With Codes That Read Better

From Open Source Bridge Wiki
Jump to: navigation, search

Make the text you see in the Terminal window more legible and readable by finding, customizing and designing your own font!

Speaker: Bram Pitoyo

Return to this session's details

Presentation

http://www.slideshare.net/brampitoyo/please-your-pixelhungry-eyes-with-codes-that-read-better

Contributed notes (notbenh)

font nerd, how are you different? - you see serifs - you see the variations in the typeset

history

Type started as metal chunks, thus spacing was only constrained to the width of the character (thus non-mono space).

Mono space, enter the teletypewriter as the spacing needs to be consistent.

Underwood Five: one of the first monospace sans-serif typeface selections for a typewriter.

monospace for readabity

When you compare non-monospace (both sans and serif) monospace, the monospace is not optimized for space. Your text will take up more space, but what you loose in space is a gain in the ability to optimize for readability.

Liberation

http://en.wikipedia.org/wiki/Liberation_fonts

http://www.dafont.com/liberation-mono.font

Anonymous Pro

Extra wide, thus more readable. Italics and bold Italics.

http://www.ms-studio.com/FontSales/anonymouspro.html

Consolas

has been optimized for both readability and printably.

http://en.wikipedia.org/wiki/Consolas http://www.microsoft.com/Downloads/details.aspx?familyid=22E69AE4-7E40-4807-8A86-B3D36FAB68D3&displaylang=en

DejaVu

as Frutiger deritive (http://en.wikipedia.org/wiki/Frutiger)

http://dejavu-fonts.org/wiki/index.php?title=Main_Page

http://en.wikipedia.org/wiki/DejaVu_fonts

droid sans

It's bundled with the Android SDK.

http://en.wikipedia.org/wiki/Droid_fonts

Envy code R

http://damieng.com/blog/2008/05/26/envy-code-r-preview-7-coding-font-released

How to hack your fonts

legability

- letter spacing - letter width (wider = readable) - stroke contrast (a wide stroke contrast degrades readability)

readability

- check for distinctions (ie does Cap O and zero look different, how bout one, cap I and lower L) - hinting (convert a hi.res font to a low.res bit font, you start to loose context so you have to make compromise with the actual pixel arrangement for the greater good)


How does each sysmem render fonts?

Mac

Tries to stay very close to the type setting, print relates to screen. It causes 'fuzzy' text.

Windows

Cleartype attempts to make fonts readable on screen, this causes a disparity between the screen and print setting. Though does allow for a crisper display.

Linux (FreeType2)

Attempts to find a middle ground, strives to preserve letter text but still constrain to the restriction of the pixel.


Lets start to play

Line Spaceing

As a general rule, more space is more readable, though don't go overboard you start to loose context.

Character Spacing

Again more is often better but you start to loose space.

Anti-alias

Can improve legability, though can also make things start to look fuzzy if there too small.


Building your own font

gdbfed

- dep. GTK2 lib

Edits pixel based fonts.

http://crl.nmsu.edu/~mleisher/gbdfed.html

FontForge

Emulates much richer font designers.

Handles both bitmap and vector type sets.

Has the ability to specify hinting.

http://fontforge.sourceforge.net/

not so stable on the Mac but solid on linux. Available as binaries, updated regularity.

Q/A

how much translate to non-latin fonts

Because mono space fonts are restricted to a strict spacing, it really depends on the restrictions of the actual language that you are designing for. Some languages are better then others.

What is the best way to make your own font

It's likely better to find an open font and use FontForge to modify as needed. If you really want to you can start from scratch but it's a lot of work.

fontstruct.fontshop.com is also a fun tool but you are restricted to a grid.

Do you know of any Type usergroups in town?

currently no, but there might be something in the works.

Whats the coolest thing that you've bumped in to in the realm of tech meets type?

http://klepas.org/openbaskerville/

http://github.com/klepas/open-baskerville/tree/master

Github has the ability to display fonts as they are stored as glifs in XML.


How does TrueType differ from OpenType

OpenType can do everything that TrueType does plus so much more. OpenType can address multiple language sets, multiple display types, ligiatures all with in the same file. With TrueType these would be stored in diffrent files as the TrueType standard would can not address these features.

Where can you find fonts

Open Font Library

http://openfontlibrary.org/

Greek Font Society

http://greekfontsociety.gr/pages/en_about.html