34 Matching Annotations
  1. Apr 2021
    1. 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.
  2. Jan 2021
    1. 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.
  3. Dec 2020
  4. Oct 2020
  5. Jul 2020
    1. 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).

    2. 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.

    3. 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

    4. A dingbat is a small, ornamental character, like this: . Youmight have the fonts Zapf Dingbats or Wingdings, which are made up ofdingbats.


    5. 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

  6. May 2020
  7. Apr 2020
  8. Jan 2020
    1. 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:


  9. Dec 2019
  10. Nov 2019
    1. 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

  11. Aug 2019
    1. 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.

  12. May 2019
  13. May 2018
  14. Nov 2016
    1. , which are enforced by default in RASH,

      "(used by default by RASH)" in paranthesis

    2. 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!)

    3. πr2

      This came out as just "r²" in the PeerJ PDF (pi symbol was missing).

    4. orthogonality

      Use italics on the new concepts orthogonality and assemblability

  15. May 2016
    1. 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.

  16. Feb 2016
    1. Let’s instead choose numbers because they fit, because they look good, and because they serve the meaning of the design.
    2. 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
  17. Jan 2016
  18. Sep 2015
    1. 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

  19. Apr 2015
    1. 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.

    2. 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?