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. 2.
  2. 3.
  3. 4.
  4. 5.
  5. 6.
  6. 8.
  7. 9.

    n A

  8. 10.
  9. 20.
  10. 22.
  11. 23.
  12. 24.
  13. 25.
  14. 26.

    r A ppl da eeps th octo aw d k

    n e a . a y a y e
  15. 27.
  16. 28.
  17. 29.
  18. 30.
  19. 31.
  20. 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…
  21. 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
  22. 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
  23. 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
  24. 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
  25. 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
  26. 38.
  27. 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
  28. 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
  29. 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
  30. 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
  31. 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
  32. 45.
  33. 46.
  34. 47.
  35. 48.
  36. 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,
  37. 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,
  38. 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,
  39. 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
  40. 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
  41. 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
  42. 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
  43. 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
  44. 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
  45. 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
  46. 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
  47. 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
  48. 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
  49. 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
  50. 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
  51. 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
  52. 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
  53. 66.
  54. 67.
  55. 68.
  56. 69.
  57. 70.
  58. 71.
  59. 72.
  60. 73.
  61. 74.
  62. 75.
  63. 76.
  64. 77.
  65. 78.
  66. 79.

    • Try with more variable fonts • “wdth” axis that

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