Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Line breaking, justification, and variable fonts

Bram Stein
March 09, 2018

Line breaking, justification, and variable fonts

A look at line breaking and justification, and how variable fonts will improve justified text.

Presented at Robothon Conference 2018.

Bram Stein

March 09, 2018
Tweet

More Decks by Bram Stein

Other Decks in Design

Transcript

  1. Line Breaking,
    Justification,
    and Variable Fonts
    @bram_stein | Robothon 2018

    View full-size slide

  2. n
    A apple a day kee

    View full-size slide

  3. n
    A apple a d y
    a

    View full-size slide

  4. n
    A apple a
    d y
    a

    View full-size slide

  5. n
    A apple a
    d y
    a keeps

    View full-size slide

  6. n
    A apple a
    d y
    a keeps t e
    h

    View full-size slide

  7. n
    A apple a
    d y
    a keeps

    View full-size slide

  8. n
    A apple a
    d y
    a keeps
    t e
    h

    View full-size slide

  9. n
    A apple a
    d y
    a keeps
    t e
    h doctor

    View full-size slide

  10. n
    A apple a
    d y
    a keeps
    t e
    h doctor away.

    View full-size slide

  11. n
    A apple a
    d y
    a keeps
    t e
    h doctor

    View full-size slide

  12. n
    A apple a
    d y
    a keeps
    t e
    h doctor
    away.

    View full-size slide

  13. n
    A apple a
    d y
    a keeps
    t e
    h doctor
    away.

    View full-size slide

  14. n
    A apple a
    d y
    a keeps
    t e
    h doctor
    away.

    View full-size slide

  15. n apple a
    d y
    a keeps
    t e
    h doctor
    away.
    A

    View full-size slide

  16. r
    A ppl
    da eeps
    th octo
    aw
    d
    k
    n e a
    .
    a
    y
    a
    y
    e

    View full-size slide

  17. In olden times when wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was…

    View full-size slide

  18. In olden times when wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was…
    Line 1

    View full-size slide

  19. In olden times when wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was…
    Line 1

    View full-size slide

  20. In olden times when wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was…
    Line 1
    Line 2

    View full-size slide

  21. In olden times when wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was…
    Line 1
    Line 2

    View full-size slide

  22. In olden times when wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was…
    Line 1
    Line 2
    Line 3

    View full-size slide

  23. hy•phen•a•tion

    View full-size slide

  24. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho

    View full-size slide

  25. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1

    View full-size slide

  26. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1

    View full-size slide

  27. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 2

    View full-size slide

  28. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 2
    Line 3

    View full-size slide

  29. times when wishing still worked, there lived a
    king whose daughters were all beautiful; and
    the youngest was so beautiful that the sun itself,

    View full-size slide

  30. times when wishing still worked, there lived a
    king whose daughters were all beautiful; and
    the youngest was so beautiful that the sun
    itself,

    View full-size slide

  31. times when wishing still worked, there lived a
    king whose daughters were all beautiful; and
    the youngest was so beautiful that the sun itself,

    View full-size slide

  32. times when wishing still worked, there lived a
    king whose daughters were all beautiful; and
    the youngest was so beautiful that the sun itself,
    which has seen so much, was astonished
    whenever it shone in her face. Close by the
    king’s castle lay a great dark forest, and under an

    View full-size slide

  33. times when wishing still worked, there lived a
    king whose daughters were all beautiful; and
    the youngest was so beautiful that the sun itself,
    which has seen so much, was astonished
    whenever it shone in her face. Close by the
    king’s castle lay a great dark forest, and under
    an old lime-tree in the forest was a well, and
    when

    View full-size slide

  34. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1

    View full-size slide

  35. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1

    View full-size slide

  36. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1

    View full-size slide

  37. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2

    View full-size slide

  38. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2

    View full-size slide

  39. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2

    View full-size slide

  40. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2
    Line 3

    View full-size slide

  41. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2
    Line 3
    Line 3.1

    View full-size slide

  42. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2
    Line 3
    Line 3.1
    Line 3.2

    View full-size slide

  43. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2
    Line 3
    Line 3.1
    Line 3.2
    Line 3.3

    View full-size slide

  44. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2
    Line 3
    Line 3.1
    Line 3.2
    Line 3.3
    Line 3.4

    View full-size slide

  45. wishing still helped one, there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was astonished whenever it sho
    Line 1
    Line 1.1
    Line 2.1
    Line 2
    Line 3
    Line 3.1
    Line 3.2
    Line 3.3
    Line 3.4

    View full-size slide

  46. • Try with more variable fonts
    • “wdth” axis that goes to extended
    • Figure out percentages
    • Smarter consecutive lines
    Next steps

    View full-size slide

  47. Fin
    Fonts in use:
    Myriad by Carol Twombly and Robert Slimbach
    Leonardo Fascia by Quentin Schmerber
    Source Code Pro by Paul D. Hunt
    Acumin by Robert Slimbach

    View full-size slide