📓 pages/fonts.org by @jakeisnt ☆

Notes on fonts and font design.

Cool Fonts

Prose

https://www.indesignskills.com/inspiration/best-fonts-graphic-designers/

To Investigate

Monospace

https://sourcefoundry.org/hack/ — designed for source code! https://github.com/huytd/haskplex-font put this on the AUR!

Vocabulary

Design

Type

History

Italics

created to save space and money when printing books and long form texts.paved road for old style, transitional style and modern styles of typing.

Caslon

created 'old style' or 'Antiqua' of type : old style typefaces have thick serifs, low contrast. these are typically created from 1470 to 1600.

Transitional typefaces

thin serifs with high contrasts between these types. Baskerville is one such font (which was created as an improvement to the caslon typeface!

Modern style

very thin serifs with extreme contrast between strokes. created to reject traditional styles, annoyed with typefaces based on handwriting! Modern style initiated by Firmin Didot and Giambatista Bodoni ; Firmin Didot created modern style classification type, Didot, followed by the Bodoni typefaces

William Caslon IV

sans serif typefaces — no projecting featues at the end of strokes! Helvetica : known as the favorite typeface, one of the most populat. variations on this include slab serifs and gemoetric sans. slab : magazines, newspaper headers; geometric : based on simple geometric shapes.

Susan Kare - great apple designer! She did Chicago, a neat pixel sans-serif

typeface — this could be cool to use, as well as Monaco - (kind of boring) . geneva is the third typeface; it's inspired by helvetica and is a neo-grotesque typeface, a realist typeface including basic ligatures, long s and r rotunda as o ptionals. bitmap fonts are very cool and I should look into using them! realist ~=grotesquemore reading (TODO):: https://en.wikipedia.org/wiki/Sans-serif#GrotesqueCreative

Embellishments

indents: indenting the first line of every paragraph has always been a convention — to create a visual separation between paragraphsCreative ieaas : extreme indent, outdent. with room and for a cleaner, more open look, separate paragraph s with an extra line rather than using tab indentation at all!arabesques :; graphic ordaments and embellishments — from simple geometric designs to ornate configurations. many are often digital recreations of historic designs. they have many uses - have fun with them

Classifying Type

Serif

Traditional typefaces with feet or arms hanging off of the end of letter strokes, adding a thick or thin look to the letter. These are considered the easiest fonts to read. Serif fonts are 'fancy' fonts — they all have embellishments. Times New Roman, a serif font, is the most used font as the most common font found in newspapers.

Sans-Serif

Fonts without serifs and having an overall more even stroke weight. clean, modern, minima list

Decorative

Fonts typically used only for attention-grabbing headlines. Only one decorative font should be used, and not as the body font!

Script

Script fonts are intended to mimic handwriting, so the letters often touch one another. These fonts should never be used with all-caps.

Dingbats

These fonts contain characters that are small pieces of art, used to enhance the design of the page. Dingbats are usually packaged with a specific font and mimic its style.

Best Practices

Font Size

On computers, 72 pt. font corresponds to one inch on paper. Two different font sizes at the same point can correspond to different physical sizes, and correct size does depend on use.

Spacing

tracking, — adjustment of word spacing, similar to kerning but refers to space between words rather than characters line spacing, leading — amount of space between lines of type — larger the type, the more leading neede d! , paragraph spacing, alignment, — alignment : text flowing on a page. center, left, right etc. justifie d : straight edge on boht sides! line breaks and rag, hyphens, — don't have more than two hyphenations in a row, don't have too many hyphenated lines in a si ngle paragraph, ensure the rag checks out, make sure that justified text looks natural widows and orphans — paragraph spacing — at end: widow; at top of following; orphan! do not leave these distracting shapes! edit the copy to remove them.

never use bold serif type, apparently? john cane is very against it.

type blogs / references

http://www.atypeprimer.com/ — written by northeastern prof, all about type! http://www.atypeprimer.com/exercises/understanding-letterforms/ http://www.thomasphinney.com/ http://typeforyou.blogspot.com/ https://www.adobe.com/products/type.html https://www.bertholdtypes.com/ https://fontbureau.typenetwork.com https://fontshop.com https://www.typography.com/ https://www.linotype.com/ — cool fonts to browse https://www.monotype.com/ — 'world's largest type library" https://www.monotype.com/ — duo of complimentary typeface families https://www.amazon.co.uk/Type-Primer-John-Kane/dp/1856696448/ref=sr_1_2?s=books&ie=UTF8&qid=1295387779&sr =1-2 — buy the book or something! https://www.amazon.com/Type-Primer-John-Kane-dp-1856696448/dp/1856696448/ref=mt_paperback?_encoding=UTF8& me=&qid=1587603890 — some other link to it . https://fontsinuse.com/ — showcases examples of fonts and their uses!

misc

https://vistaserv.net/blog/90s-fonts-modern-browsers — a quest to design a font that looks retro in the modern browser https://camd.northeastern.edu/art-design/research-approach-art-design/ cool art profs at northeastern https://camd.northeastern.edu/faculty/gloria-sutton/ https://camd.northeastern.edu/faculty/sarah-kanouse/

https://www.lyssn.io/ — this person works at neu https://studycrafter.com/ this person is also at neu https://camd.northeastern.edu/faculty/casper-harteveld/ — using games to improve technology! http://mutazionegame.com/ — this is by someone at neu, apparently, seems cool https://www.prototypo.io/blog/news/how-make-a-monospaced-font-in-prototypo/ — font tutorial https://design.tutsplus.com/tutorials/how-to-create-a-font-using-fontself-and-fontforge—cms-25923 <p><hr /></p> using fontforge to make a font https://www.reddit.com/r/Design/comments/8bt8d4/today_i_decided_to_learn_how_to_make_fonts_after/

https://blog.golang.org/go-fonts — fonts at Go! https://airbnb.design/introducing-airbnb-cereal/ — airbnb neat font

https://fontsinuse.com/uses/2291/ableton-website — ableton fonts! reading on type defining a brand https://glyphsapp.com/ good tool

http://typography.philipyoungg.com/

Mass-Driverâ„¢

be5invis/Iosevka: Slender typeface for code, from code. Ultimate Oldschool PC Font Pack v2.0 Released sparks a typeface for creating spark lines in text without any code Glorifying Eclectic Typography | TypeRoom Blaze Type | Type catalogue

https://fonts.google.com/specimen/Rubik https://fonts.google.com/specimen/Roboto+Mono https://github.com/deuveir/design.typography

https://practicaltypography.com/font-recommendations.html font advice from amtthew butterick