Line breaking, justification, and variable fonts

A6ab7669f1496fb8df8197f55ec6f390?s=47 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.

A6ab7669f1496fb8df8197f55ec6f390?s=128

Bram Stein

March 09, 2018
Tweet

Transcript

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

  2. None
  3. None
  4. None
  5. None
  6. None
  7. n A apple a day kee

  8. None
  9. n A

  10. n A apple

  11. n A apple a

  12. n A apple a d y a

  13. n A apple a

  14. n A apple a d y a

  15. n A apple a d y a keeps

  16. n A apple a d y a keeps t e

    h
  17. n A apple a d y a keeps

  18. n A apple a d y a keeps t e

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

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

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

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

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

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

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

    doctor away. A
  26. r A ppl da eeps th octo aw d k

    n e a . a y a y e
  27. None
  28. None
  29. None
  30. None
  31. None
  32. 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…
  33. 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
  34. 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
  35. 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
  36. 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
  37. 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
  38. None
  39. hy•phen•a•tion

  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
  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
  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
  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 2
  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 2 Line 3
  45. None
  46. None
  47. None
  48. None
  49. times when wishing still worked, there lived a king whose

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

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

    daughters were all beautiful; and the youngest was so beautiful that the sun itself,
  52. 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
  53. 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
  54. 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
  55. 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
  56. 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
  57. 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
  58. 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
  59. 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
  60. 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
  61. 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
  62. 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
  63. 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
  64. 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
  65. 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
  66. None
  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None
  79. • Try with more variable fonts • “wdth” axis that

    goes to extended • Figure out percentages • Smarter consecutive lines Next steps
  80. 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