- Mar 2024
-
media.dltj.org media.dltj.org
-
Posted to YouTube on 12-Mar-2024
Abstract
Arial, Times New Roman, Consolas, Comic Sans... digital typography has turned us all into typesetters. The tools we use, the apps we build, the emails we send: with so much of our lives mediated by technology, something as seemingly innocuous as picking a typeface can end up defining our relationship with the systems we use, and become part of the identity that we project into the world. Typography is a fundamental part of modern information design, with implications for user experience, accessibility, even performance - and when it goes wrong, it can produce some of the most baffling bugs you've ever seen.
Join Dylan Beattie for a journey into the weird and wonderful history of digital typography, from the origins of movable type in 8th century Asia, to the world of e-ink displays and web typography. We'll look at the relationship between technology and typography over the centuries: the Gutenberg Press, Linotype machines, WYSIWYG and the desktop publishing revolution. What was so special about the Apple II? How do you design a pixel font? We'll learn why they're called upper and lower case, we'll talk about why so many developers find CSS counter-intuitive - and we'll find out why so many emails used to end with the letter J.
-
- Dec 2023
-
en.wikipedia.org en.wikipedia.org
- Aug 2023
-
bilge.world bilge.world
-
https://bilge.world/text-fuck
Tags
Annotators
URL
-
- Jun 2023
-
typesetinthefuture.com typesetinthefuture.comAlien1
-
Quite possibly one of the most interesting and most useful references to typography and symbology in the movie Alien.
Okay, one of the only.
Tags
Annotators
URL
-
- Apr 2023
-
www.punctuationmatters.com www.punctuationmatters.com
-
Em dash Works better than commas to set apart a unique idea from the main clause of a sentence
-
The hyphen does not indicate a range of numbers, like a date range, which is the job of an en dash
Tags
Annotators
URL
-
- Mar 2023
-
fonts.adobe.com fonts.adobe.com
Tags
Annotators
URL
-
-
www.dafontfree.net www.dafontfree.net
Tags
Annotators
URL
-
-
typofonderie.com typofonderie.com
- Dec 2022
-
standardebooks.org standardebooks.org
-
<small><cite class='h-cite via'>ᔥ <span class='p-author h-card'>awarm.space</span> in Making a modern ebook with Standard Ebooks (<time class='dt-published'>08/02/2021 12:08:19</time>)</cite></small>
-
-
fontsinuse.com fontsinuse.com
-
For the typography of the album and the invitation, Brandon Guerin and Mickael Alzate combined DaVinci Italic and Suisse Int’l. Photography by Alyas. 3D art by Samy LaCrapule with help from Timotheos, Janis and Nolann Blettner
-
- Nov 2022
-
fathom.info fathom.info
-
https://fathom.info/frankenfont/
fascinating, particularly for a typography nerd...
-
-
glyphsapp.com glyphsapp.com
-
-
A glyph can also represent more than one character at once. Take an f_f_f ligature as an example. It represents three f characters in a row. Ligatures do not have Unicodes, because the separate characters already have codes and the the fact that it’s a ligature does not change the meaning of its parts.
-
-
techstacker.com techstacker.com
-
help.fontlab.com help.fontlab.com
-
stackoverflow.com stackoverflow.com
-
I know this is older but I'm surprised by the "Is redrawing 110K glyphs (with metrics and kerning and combining attributes and hinting) too hard?" I used to do typography. A plain, unoriginal typeface with 255 straightforward latin-# oriented letters is at least a couple days of work; probably a couple weeks; couple months for truly good work. 110K is the equivalent of 400+ faces with much harder metrics and such. 15,000 hours of work or drastically more; so at least 7 or so years. So, kinda hard.
-
- Sep 2022
-
designopendata.files.wordpress.com designopendata.files.wordpress.com
-
Above all, a fresh and original intellectual approach is needed, avoid-ing all standard solutions.
This relates to the increasing difficulty of being originial with the rapid advances in productivity today.
-
A striving for order can, and must, also be expressed inasymmetrical form.
This relates to sticking to past foundations that are somewhat indispensable.
-
Thetypographer must take the greatest care to study how his work is read andought to be read.
Today, this is foundational since there are constantly advances in works of typography making documentation and research important to giving future credit.
-
Evenin good central-axis composition the contents are subordinated to “beautifulline arrangement.”
Clarity becomes less important due the focus on the composition being centralized as it relates to improving the visual appeal of the artistic, "arrangement."
-
the rigidity of central-axis setting hardly allows work tobe carried out with the degree of logic we now demand.
The central axis in art relates to a somewhat balanced distribution of space on an art piece.
“ARTTALK Chapter 10 Balance - Ppt Google Img.” SlidePlayer, https://slideplayer.com/slide/10709291/.
-
This utmost clarity is necessarytoday because of the manifold claims for our attention made by the extraor-dinary amount of print, which demands the greatest economy of expression.
This emphasizes that having clear communication is made crucially important due to the difficulty of communicating to those who are surrounded by countless other "prints."
-
-
www.amazon.com www.amazon.com
-
A whole series of books from McGraw Hill whose titles all carry an implicit math shaming. Who wants to carry these books around and be seen reading them? Even the word DeMYSTiFieD on the cover is written in CLoWn case.
- Business Math Demystified
- Dosage Calculations and Basic Math for Nurses Demystified
- Geometry Demystified
- Business Calculus Demystified
- Math Word Problems Demystified
- Everyday Math Demystified
- Discrete Mathematics Demystified
- Math Proofs Demystified
- Pre-Algebra Demystified
Tags
Annotators
URL
-
- Jul 2022
-
typography.com typography.com
-
-
There are standard fourth-, fifth- and sixth-order reference marks, too: they are the section mark (§), parallels (||), and number sign (#), after which the cycle repeats with doubles, triples, and so on: *, †, ‡, §, ||, #, **, ††, ‡‡, §§, ||||, ###, ***, †††, ‡‡‡, etc. Beyond three, numbered footnotes are always preferable, even if you are David Foster Wallace.
-
The approach that a designer follows in the asterisk is usually echoed in the typeface’s second-order reference mark, the dagger (also known as the obelus, obelisk, or long cross), and its third-order mark, the double dagger (a.k.a. diesis or double obelisk.)
-
- May 2022
-
www.reddit.com www.reddit.com
-
This is reminiscent of Rapid Serial Visual Presentation (RSVP) reading method which became popular for a while a few years back, got squashed by patent claims, and then has slowly been coming back as the method was reported in the early 1970s.
-
-
en.wikipedia.org en.wikipedia.org
-
he also innovated in typography, being responsible for an influential font that omitted the long s.
John Bell created an early and influential font which omitted the long s in English.
reference: Barker, Hannah. "Bell, John". Oxford Dictionary of National Biography (online ed.). Oxford University Press. doi:10.1093/ref:odnb/2014.
-
-
www.radiofrance.fr www.radiofrance.fr
- Apr 2022
-
www.nan.xyz www.nan.xyz
-
These days, both PT typefaces from the Russian Federation and Arsenal from Ukraine co-exist in Google Fonts, a neutral position so to say, even if Google applies to some extent US sanctions on Russia [5].
interesting to think about what happens when Google (Fonts) is banned from a country, and therefor all sites using fonts served via Google have to rely on fallback fonts
Tags
Annotators
URL
-
-
careerfoundry.com careerfoundry.com
-
art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader
Good interpretation and definition
-
- Mar 2022
- Feb 2022
- Dec 2021
-
aegir.org aegir.org
-
An absolutely beautiful design for short notes.
This is the sort of theme that will appeal to zettelkasten users who are building digital gardens. A bit of the old mixed in with the new.
<small><cite class='h-cite via'>ᔥ <span class='p-author h-card'>Pete Moor </span> in // pimoore.ca (<time class='dt-published'>12/24/2021 18:02:15</time>)</cite></small>
-
-
designopendata.files.wordpress.com designopendata.files.wordpress.com
-
These designers value expression over style
It's about expressing oneself or creates distortion rather than valuing or achieving a certain look that they should convey.
-
syntactical
in a way that relates to the grammatical arrangement of words
in a sentence: a syntactically complicated language
-
Shattering the constraints of minimalism was exhilarating and far more fun than the antiseptic discipline of the classical Swiss school.
That's understandable because doing the same type of style over and over again can be boring sometimes.
-
-
twitter.com twitter.com
-
“I could fit this in my pocket,” I thought when the first newly re-designed @parisreview arrived. And sure enough editor Emily Stokes said it’s was made to fit in a “large coat pocket” in the editor’s note.
I've been thinking it for a while, but have needed to write it down for ages---particularly from my experiences with older manuscripts.
In an age of print-on-demand and reflowing text, why in goodness' name don't we have the ability to print almost anything we buy and are going to read in any font size and format we like?
Why couldn't I have a presentation copy sized version of The Paris Review?
Why shouldn't I be able to have everything printed on bible-thin pages of paper for savings in thickness?
Why couldn't my textbooks be printed with massively large margins for writing notes into more easily? Why not interleaved with blank pages even? Particularly near the homework problem sections?
Why can't I have more choice in a range of fonts, book sizes, margin sizes, and covers?
-
- Sep 2021
-
hypothes.is hypothes.is
-
i chose her tweet on september 12th that says:
screaming BRING ME THE HALO TOP BRING ME Flips table THE flips another table" HALOOOOO TOPPPPPbirthday halo top appears* NOT THIS ONE
McCulloch states that when someone uses all caps, they are conveying strong emotion. repeating letters are also an "expressive tool" (233). the way she writes this tweet portrays the idea that she is feeling VERY strong emotions about halo top. she needs that halo top. but she does NOT want the birthday cake halo top, because duh. she's obviously meaning to be funny, but i think she's also a little serious and wants us to know that? she obviously feels really strongly about halo top, and that is nothing to joke about. she also creates this idea of an "in-joke" about how birthday cake halo top sucks. she knew a certain audience would understand her joke, so she said it. she also uses asterisks to add irony to the tweet.
however, we see her do a complete 180 in a series of other tweets, where she says "I want to fucking quit." and It's all a fucking boy's club." in these, especially in the first one, using the period at the end of the sentence conveys that she is very serious. she's not the silly, fun girl who wants halo top. something has obviously upset her to the point of using grammatically correct sentences--no capitalizing words, no cheeky comment, nothing. her tone is completely different because her tweets are devoid of effort, just like she is feeling as she types it. the simple sentence structure and complete lack of her fun, usual things shows that she is upset. overall, she seems like a smart, funny, intelligent individual who is incredibly relatable.
Tags
Annotators
URL
-
- Aug 2021
-
www.reddit.com www.reddit.com
-
To create furigana in your posts, use the following syntax: [漢字](#fg "かんじ") will display 漢字 The quotation marks are not optional. Read more here.
This is a cool feature. I'm sort of hoping that major markdown tools might support furiganadown out of the box!
-
- Apr 2021
-
en.wikipedia.org en.wikipedia.org
-
-
Originally, one of these marks (or a plain line) was used in ancient manuscripts to mark passages that were suspected of being corrupted or spurious; the practice of adding such marginal notes became known as obelism. The dagger symbol †, also called an obelisk, is derived from the obelus, and continues to be used for this purpose.
Tags
Annotators
URL
-
- Jan 2021
-
www.sitepoint.com www.sitepoint.com
-
You can read more about properly sizing the text using a combination of units along with the the calc() function in this excellent article about viewport unit-based typography.
-
-
alistapart.com alistapart.com
- Dec 2020
-
material.io material.io
- Oct 2020
-
www.typografie.info www.typografie.info
Tags
Annotators
URL
-
-
www.typewolf.com www.typewolf.com
-
-
www.coffeetabletypography.com www.coffeetabletypography.com
-
- Jul 2020
-
-
Slab serifs are often used in children’s booksbecause of their clean, straightforward look.
good for children's books
good for copy (although can darken the page).
-
A contrasting relationship occurs when you combineseparate typefaces and elements that are clearly distinct fromeach other. The visually appealing and exciting designs thatattract your attention typically have a lot of contrast built in,and those contrasts are emphasized
we gotta aim for contrasting type relationships.
-
Body copy, body text, or sometimes just plain body or text refers to themain block of text that you read, as opposed to headlines, subheads, titles,etc. Body text is usually set between 9- and 12-point type with 20 percentadded space between the lines.
body copy, body text
-
A dingbat is a small, ornamental character, like this: . Youmight have the fonts Zapf Dingbats or Wingdings, which are made up ofdingbats.
dingbat
-
When the last line of a paragraph has fewer than seven (more or less,depending on the length of the line) characters, that last line is a widow.Worse than leaving one word as the last line is leaving part of a word, theother part being hyphenated on the line above. Don’t ever do that!
Do not leave a widow or hyphenated word as the last thing in a paragraph
Tags
Annotators
-
- May 2020
-
en.wikipedia.org en.wikipedia.org
-
preceded by an index, ☞like this
Had never seen this meaning of "index" before.
-
- Apr 2020
-
en.wikipedia.org en.wikipedia.org
-
the ordinal indicators should be distinguishable from superscript characters
-
frequent mistake is to confuse the degree sign U+00B0 (°) with the masculine ordinal indicator
-
- Jan 2020
-
learning.oreilly.com learning.oreilly.com
-
Learn more about font type, typography, and readability If you’re interested in reading the research about font type, typography, and readability, check out these two great Web sites:
resource
-
- Dec 2019
-
www.philidor.com www.philidor.com
-
Scott-Martin Kosofsky
-
- Nov 2019
-
www.nature.com www.nature.com
-
created a Greek alphabet carefully honed to convey scientific meaning rather than typical Greek-language prose
type design as a means to convey scientific meaning
-
- Aug 2019
-
bookbook.pubpub.org bookbook.pubpub.org
-
Many types of comment described in Reagle’s Reading the Comments - from likes and faves, to emojis and reactions, ratings, upvotes and downvotes - are contemporary kin of the small hands (☞) that twelfth century scribes drew while working in their scriptoriums to indicate importance.8Piper, Book Was There, 7.
Could these be included in Edward Tufte's definition of a sparkline in some sense? If not included, they're certainly an interesting typographic precursor.
Tags
Annotators
URL
-
- May 2019
-
www.geekwire.com www.geekwire.com
- May 2018
-
issue.xpub.nl issue.xpub.nl
-
This is a page with some nice typography
Tags
Annotators
URL
-
- Nov 2016
-
essepuntato.github.io essepuntato.github.io
-
, which are enforced by default in RASH,
"(used by default by RASH)" in paranthesis
-
just an empty link
This functionality is sweet - but it seems to be partially broken in the PeerJ PDF for the section references (But not tables!)
-
πr2
This came out as just "r²" in the PeerJ PDF (pi symbol was missing).
-
orthogonality
Use italics on the new concepts orthogonality and assemblability
-
- May 2016
-
developer.apple.com developer.apple.com
-
Figure 6-1 shows how the font metrics apply to glyph dimensions, and Table 6-1 lists the method names that correlate with the metrics. See the various method descriptions for more specific information.
Useful diagram illustrating the various metrics of fonts. Unfortunately many of these are not currently accessible using Web Platform APIs.
-
- Feb 2016
-
alistapart.com alistapart.com
-
Let’s instead choose numbers because they fit, because they look good, and because they serve the meaning of the design.
-
In some ways it’s different from how we already work, but it feels more natural. Going from content out, rather than canvas in, to paraphrase Mark Boulton, is a more web native way of designing
-
- Jan 2016
-
blog.timowens.io blog.timowens.io
-
Bag Of Gold
Tags
Annotators
URL
-
- Sep 2015
-
benfrain.com benfrain.com
-
Useful article on pros/cons of em vs. px with current browsers.
Tags
Annotators
URL
-
-
mindtheshift.wordpress.com mindtheshift.wordpress.com
-
So to sum up: It should be an active design choice whether you want to enable users to change the font size independently to parts of or all layout and graphics. If so, pixels will probably not be your friend. If not, I’d say it’s mainly a matter of personal taste and/or project.
This is good guidance on when/whether to use em vs. px sizing
-
- Apr 2015
-
www.merttol.com www.merttol.com
-
Set body copy as justified left, ragged right?
I'm a huge fan of justified text. I don't know why a typography checklist would encourage "ragged right". I do understand that humans can sometimes make better decisions about stretching character spacing (or not) and breaking words with hyphens at line boundaries, but computers do pretty well and it's so nice.
-
Limit line length to 350–550 pixels by splitting wide pages into two or more columns?
Why would you measure line length in px rather than characters?
-
