Perception of letter glyph parameters for InfoTypography

Abstract

The advent of variable font technologies---where typographic parameters such as weight, x-height and slant are easily adjusted across a range---enables encoding ordinal, interval or ratio data into text that is still readable. This is potentially valuable to represent additional information in text labels in visualizations (e.g., font weight can indicate city size in a geographical visualization) or in text itself (e.g., the intended reading speed of a sentence can be encoded with the font width). However, we do not know how different parameters, which are complex variations of shape, are perceived by the human visual system. Without this information it is difficult to select appropriate parameters and mapping functions that maximize perception of differences within the parameter range. We provide an empirical characterization of seven typographical parameters of Latin fonts in terms of absolute perception and just noticeable differences (JNDs) to help visualization designers to choose typographic parameters for visualizations that contain text, as well as support typographers and type designers when selecting which levels of these parameters to implement to achieve differentiability between normal text, emphasized text and different headings.

References

1. Adobe Corporation. 1997. Designing Multiple Master Fonts. https://www.adobe.com/content/dam/acom/en/devnet/font/pdfs/5091.Design_MM_Fonts.pdf
2. Shehzad Afzal, Ross Maciejewski, Yun Jang, Niklas Elmqvist, and David S. Ebert. 2012. Spatial Text Visualization Using Automatic Typographic Maps. IEEE Transactions on Visualization and Computer Graphics 18, 12 (Dec. 2012), 2556--2564.
3. Hirotugu Akaike. 1974. A New Look at the Statistical Model Identification. IEEE Trans. Automat. Control 19, 6 (Dec. 1974), 716--723.
4. Eric Alexander, Chih-Ching Chang, Mariana Shimabukuro, Steven Franconeri, Christopher Collins, and Michael Gleicher. 2018. Perceptual Biases in Font Size as a Data Encoding. IEEE Transactions on Visualization and Computer Graphics 24, 8 (Aug. 2018), 2397--2410.
5. Apple Corporation. 2020. About Apple Advanced Typography Fonts. https://developer.apple.com/fonts/TrueType-Reference-Manual/RM06/Chap6AATIntro.html
6. Aries Arditi and Jianna Cho. 2005. Serifs and Font Legibility. Vision Research 45, 23 (Nov. 2005), 2926--2933.
7. Gantugs Atarsaikhan, Brian Kenji Iwana, Atsushi Narusawa, Keiji Yanai, and Seiichi Uchida. 2017. Neural Font Style Transfer. In 2017 14th IAPR International Conference on Document Analysis and Recognition (ICDAR), Vol. 05. 51--56.
8. Samaneh Azadi, Matthew Fisher, Vladimir G. Kim, Zhaowen Wang, Eli Shechtman, and Trevor Darrell. 2018. Multi-Content GAN for Few-Shot Font Style Transfer. In Proceedings of the IEEE Conference on Computer Vision and Pattern Recognition. 7564--7573.
9. Elena Balashova, Amit H. Bermano, Vladimir G. Kim, Stephen DiVerdi, Aaron Hertzmann, and Thomas Funkhouser. 2019. Learning A Stroke-Based Representation for Fonts. Computer Graphics Forum 38, 1 (2019), 429--442.
10. Shumeet Baluja. 2017. Learning Typographic Style: From Discrimination to Synthesis. Machine Vision and Applications 28, 5 (Aug. 2017), 551--568.
11. Scott Bateman, Carl Gutwin, and Miguel Nacenta. 2008. Seeing things in the clouds: the effect of visual features on tag cloud selections. In Proceedings of the nineteenth ACM conference on Hypertext and hypermedia. 193--202.
12. Benjamin Bauermeister. 1988. A Manual of Comparative Typography: The PANOSE System. Van Nostrand Reinhold.
13. Sofie Beier. 2012. Reading letters: designing for legibility. Bis Publishers.
14. Sofie Beier, Katrine Sand, and Randi Starrfelt. 2017. Legibility Implications of Embellished Display Typefaces. Visible Language 51, 1 (April 2017), 112--132. https://adk.elsevierpure.com/da/publications/legibility-implications-of-embellished-display-typefaces
15. Jacques Bertin. 1967. SÃl'miologie graphique: les diagrammes, les r'eseaux, les cartes. Flammarion, Paris.
16. Richard Brath and Ebad Banissi. 2014a. The Design Space of Typeface (Poster). In IEEE Conference on Information Visualisation VIS 2014. Institute of Electrical and Electronics Engineers (IEEE), Paris, France. https://openresearch.lsbu.ac.uk/item/8775v
17. Richard Brath and Ebad Banissi. 2014b. Using Font Attributes in Knowledge Maps and Information Retrieval. In CEUR Workshop Proceedings, Vol. 1311. CEUR Workshop Proceedings, London, 23--30. https://openresearch.lsbu.ac.uk/item/877qx
18. Richard Brath and Ebad Banissi. 2016. Using Typography to Expand the Design Space of Data Visualization. She Ji: The Journal of Design, Economics, and Innovation 2, 1 (March 2016), 59--87.
19. Richard Brath and Ebad Banissi. 2017. Multivariate Label-Based Thematic Maps. International Journal of Cartography 3, 1 (2017), 45--60.
20. Richard Brath and Ebad Banissi. 2019. Bertin's forgotten typographic variables and new typographic visualization. Cartography and Geographic Information Science 46, 2 (March 2019), 119--139.
21. Robert Bringhurst. 2004. The elements of typographic style. Hartley & Marks Vancouver.
22. Andy Brown. 2020. Viewing Distance and Font Size - Design Resources. http://resources.printhandbook.com/pages/viewing-distance-font-size.php
23. Barbara Brownie. 2007. One Form, Many Letters: Fluid and Transient Letterforms in Screen-Based Typographic Artefacts. Networking Knowledge: Journal of the MeCCSA Postgraduate Network 1, 2 (Dec. 2007).
24. Richard H. Byrd, Peihuang Lu, Jorge Nocedal, and Ciyou Zhu. 1995. A Limited Memory Algorithm for Bound Constrained Optimization. SIAM Journal on Scientific Computing 16, 5 (Sept. 1995), 1190--1208.
25. Neill D. F. Campbell and Jan Kautz. 2014. Learning a Manifold of Fonts. ACM Trans. Graph. 33, 4 (July 2014), 91:1--91:11.
26. Barbara S. Chaparro, A. Dawn Shaikh, Alex Chaparro, and Edgar C. Merkle. 2010. Comparing the Legibility of Six ClearType Typefaces to Verdana and Times New Roman. Information Design Journal 18, 1 (Aug. 2010), 36--49.
27. Karen Cheng. 2020. Designing type. Yale University Press.
28. Saemi Choi, Toshihiko Yamasaki, and Kiyoharu Aizawa. 2016. Typeface Emotion Analysis for Communication on Mobile Messengers. In Proceedings of the 1st International Workshop on Multimedia Alternate Realities (AltMM '16). Association for Computing Machinery, New York, NY, USA, 37--40.
29. Jacob Cohen. 1994. The Earth Is Round (p < .05). American Psychologist 49, 12 (1994), 997--1003.
30. Stephen Coles. 2013. The geometry of type: The anatomy of 100 essential typefaces. Thames & Hudson.
31. Geoff Cumming. 2013. Understanding the new statistics: Effect sizes, confidence intervals, and meta-analysis. Routledge.
32. Lucas de Groot. 2020. Interpolation Theory. https://www.lucasfonts.com/learn/interpolation-theory
33. Stanislas Dehaene. 2010. Reading in the brain: The new science of how we read. Penguin Group USA.
34. Matthew J. Denwood. 2016. Runjags: An R Package Providing Interface Utilities, Model Templates, Parallel Computing Methods and Additional Distributions for MCMC Models in JAGS. Journal of Statistical Software 71 (July 2016), 1--25.
35. Jonathan Dobres, Nadine Chahine, Bryan Reimer, David Gould, Bruce Mehler, and Joseph F. Coughlin. 2016. Utilising psychophysical techniques to investigate the effects of age, typeface design, size and display polarity on glance legibility. Ergonomics 59, 10 (2016), 1377--1391. PMID: 26727912.
36. Frank H. Durgin and Zhi Li. 2011. The Perception of 2D Orientation Is Categorically Biased. Journal of Vision 11, 8 (July 2011), 13--13.
37. Gustav Theodor Fechner. 1948. Elements of Psychophysics, 1860. In Readings in the History of Psychology. Appleton-Century-Crofts, East Norwalk, CT, US, 206--213.
38. Cristian Felix, Steven Franconeri, and Enrico Bertini. 2018. Taking Word Clouds Apart: An Empirical Investigation of the Design Space for Keyword Summaries. IEEE Transactions on Visualization and Computer Graphics 24, 1 (Jan. 2018), 657--666.
39. Yue Gao, Yuan Guo, Zhouhui Lian, Yingmin Tang, and Jianguo Xiao. 2019. Artistic Glyph Image Synthesis via One-Stage Few-Shot Learning. ACM Transactions on Graphics 38, 6 (Nov. 2019), 185:1--185:12.
40. Andrew Gelman, John B. Carlin, Hal S. Stern, and Donald B. Rubin. 1995. Bayesian Data Analysis. Chapman and Hall/CRC, New York.
41. Han Han and Miguel Nacenta. 2020. The Effect of Visual and Interactive Representations on Human Performance and Preference with Scalar Data Fields. In Proceedings of the 46th Graphics Interface Conference (Toronto, Ontario, Canada) (GI '20). Canadian Human-Computer Communications Society.
42. Yannis Haralambous. 1993. Parametrization of PostScript fonts through METAFONT-an alternative to Adobe Multiple Master fonts. Electronic Publishing 6, 3 (Sept. 1993), 145--157. https://hal.archives-ouvertes.fr/hal-02100464
43. Yannis Haralambous. 2007. Fonts & encodings. O'Reilly Media, Sebastopol, Calif.
44. Yannis Haralambous and Tereza Haralambous. 2003. Characters, Glyphs and Beyond. In Symposium on Glyphs, 21st Century COE Program. Kyōto University, Kyoto, Japan. https://hal.archives-ouvertes.fr/hal-01290554
45. Lane Harrison, Fumeng Yang, Steven Franconeri, and Remco Chang. 2014. Ranking Visualizations of Correlation Using Weber's Law. IEEE Transactions on Visualization and Computer Graphics 20, 12 (Dec. 2014), 1943--1952.
46. Tamir Hassan, Changyuan Hu, and Roger D. Hersch. 2010. Next Generation Typeface Representations: Revisiting Parametric Fonts. In Proceedings of the 10th ACM Symposium on Document Engineering (DocEng '10). Association for Computing Machinery, New York, NY, USA, 181--184.
47. Hideaki Hayashi, Kohtaro Abe, and Seiichi Uchida. 2019. GlyphGAN: Style-consistent Font Generation Based on Generative Adversarial Networks. Knowledge-Based Systems 186 (Dec. 2019), 104927.
48. Jeffrey Heer and Michael Bostock. 2010. Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (Atlanta, Georgia, USA) (CHI '10). ACM, New York, NY, USA, 203--212.
49. Douglas R Hofstadter and Emmanuel Sander. 2013. Surfaces and essences: Analogy as the fuel and fire of thinking. Basic Books.
50. Keith Houston. 2013. Shady Characters: The Secret Life Of Punctuation, Symbols And Other Typographical Marks. WW Norton, New York; London.
51. Catherine Q. Howe and Dale Purves. 2005. Natural-Scene Geometry Predicts the Perception of Angles and Line Orientation. Proceedings of the National Academy of Sciences 102, 4 (Jan. 2005), 1228--1233.
52. Changyuan Hu and Roger D. Hersch. 2004. Perceptually-Tuned Grayscale Characters Based on Parametrisable Component Fonts. In Digital Documents: Systems and Principles, Peter King and Ethan V. Munson (Eds.). Number 2023 in Lecture Notes in Computer Science. Springer Berlin Heidelberg, 69--76. http://link.springer.com/chapter/10.1007/978-3-540-39916-2_6
53. John Hudson. 2016. Introducing OpenType Variable Fonts. https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369#.80oysl6l8
54. Sarah Hyndman. 2016. Why fonts matter. Random House.
55. Florian Kadner, Yannik Keller, and Constantin Rothkopf. 2021. AdaptiFont: Increasing Individuals' Reading Speed with a Generative Font Model and Bayesian Optimization. In Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. Number 585. Association for Computing Machinery, New York, NY, USA, 1--11.
56. Matthew Kay and Jeffrey Heer. 2016. Beyond Weber's Law: A Second Look at Ranking Visualizations of Correlation. IEEE Transactions on Visualization and Computer Graphics 22, 1 (Jan. 2016), 469--478.
57. Stanley A. Klein. 2001. Measuring, Estimating, and Understanding the Psychometric Function: A Commentary. Perception & Psychophysics 63, 8 (Nov. 2001), 1421--1455.
58. Thomas Kluyver, Benjamin Ragan-Kelley, Fernando Pérez, Brian Granger, Matthias Bussonnier, Jonathan Frederic, Kyle Kelley, Jessica Hamrick, Jason Grout, Sylvain Corlay, Paul Ivanov, Damián Avila, Safia Abdalla, Carol Willing, and Jupyter Development Team. 2016. Jupyter Notebooks - a Publishing Format for Reproducible Computational Workflows. Positioning and Power in Academic Publishing: Players, Agents and Agendas (2016), 87--90.
59. Donald E. Knuth. 1986. The metafont book. Addison-Wesley Reading, MA.
60. Leonid L. Kontsevich and Christopher W. Tyler. 1999. Bayesian Adaptive Estimation of Psychometric Slope and Threshold. Vision Research 39, 16 (Aug. 1999), 2729--2737.
61. John Kruschke. 2014. Doing Bayesian data analysis: A tutorial with R, JAGS, and Stan. Academic Press.
62. John K. Kruschke. 2012. Complete Example of Right Censoring in JAGS (with Rjags). http://doingbayesiandataanalysis.blogspot.com/2012/01/complete-example-of-right-censoring-in.html
63. Gordon E. Legge and Charles A. Bigelow. 2011. Does Print Size Matter for Reading? A Review of Findings from Vision Science and Typography. Journal of Vision 11, 5 (2011), 8--8. http://iovs.arvojournals.org/article.aspx?articleid=2191906
64. Zhouhui Lian, Bo Zhao, Xudong Chen, and Jianguo Xiao. 2018. EasyFont: A Style Learning-Based System to Easily Build Your Large-Scale Handwriting Fonts. ACM Transactions on Graphics 38, 1 (Dec. 2018), 6:1--6:18.
65. Ellen Lupton. 2010. Thinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students (2nd revised edition ed.). Princeton Architectural Press.
66. Alan M. MacEachren. 2004. How maps work: representation, visualization, and design. Guilford Press.
67. D. M. MacKay. 1963. Psychophysics of Perceived Intensity: A Theoretical Basis for Fechner's and Stevens' Laws. Science 139, 3560 (1963), 1213--1216. https://www.jstor.org/stable/1710451
68. J. S. Mansfield, G. E. Legge, and M. C. Bane. 1996. Psychophysics of Reading. XV: Font Effects in Normal and Low Vision. Investigative Ophthalmology & Visual Science 37, 8 (July 1996), 1492--1501. https://iovs.arvojournals.org/article.aspx?articleid=2161324
69. Constant Manteau, Miguel Nacenta, and Michael Mauderer. 2017. Reading Small Scalar Data Fields: Color Scales vs. Detail on Demand vs. FatFonts. In Proceedings of the 43rd Graphics Interface Conference (GI '17). Canadian Human-Computer Communications Society, Waterloo, CAN, 50--56.
70. Yannick Mathey and Prototypo Team. 2020. Create Unlimited Type Variations with a Few Swipes. https://www.prototypo.io/
71. Clyde D McQueen III and Raymond G Beausoleil. 1993. Infinifont: A Parametric Font Generation System. 6, 3 (1993), 117--132.
72. Microsoft. 2018. OpenType Specification v1.8.3. Microsoft. https://docs.microsoft.com/en-us/typography/opentype/spec/
73. Tomo Miyazaki, Tatsunori Tsuchiya, Yoshihiro Sugaya, Shinichiro Omachi, Masakazu Iwamura, Seiichi Uchida, and Koichi Kise. 2020. Automatic Generation of Typographic Font From Small Font Subset. IEEE Computer Graphics and Applications 40, 1 (Jan. 2020), 99--111.
74. Miguel Nacenta, Uta Hinrichs, and Sheelagh Carpendale. 2012. FatFonts: Combining the Symbolic and Visual Aspects of Numbers. In Proceedings of the International Working Conference on Advanced Visual Interfaces (Capri Island, Italy) (AVI '12). Association for Computing Machinery, New York, NY, USA, 407--414.
75. Roel Nieskens. 2016. Variable Fonts: the Future of (Web) Type. https://typographica.org/on-typography/variable-fonts/ Library Catalog: typographica.org.
76. Yoshi Ohno. 2000. CIE Fundamentals for Color Measurements. NIP & Digital Fabrication Conference 2000, 2 (Jan. 2000), 540--545.
77. H. Q. Phan, H. Fu, and A. B. Chan. 2015. FlexyFont: Learning Transferring Rules for Flexible Typeface Synthesis. Computer Graphics Forum 34, 7 (2015), 245--256.
78. Martyn Plummer et al. 2003. JAGS: A program for analysis of Bayesian graphical models using Gibbs sampling. In Proceedings of the 3rd international workshop on distributed statistical computing (Vienna, Austria.), Vol. 124. 10.
79. Keith Rayner, Alexander Pollatsek, Jane Ashby, and Charles Clifton Jr. 2012. Psychology of reading. Psychology Press.
80. Luz Rello, Martin Pielot, and Mari-Carmen Marcos. 2016. Make It Big! The Effect of Font Size and Line Spacing on Online Readability. In Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems (CHI '16). Association for Computing Machinery, New York, NY, USA, 3637--3648.
81. Thomas Sanocki. 1987. Visual Knowledge Underlying Letter Perception: Font-specific, Schematic Tuning. Journal of Experimental Psychology: Human Perception and Performance 13, 2 (1987), 267--278.
82. Thomas Sanocki. 1988. Font Regularity Constraints on the Process of Letter Recognition. Journal of Experimental Psychology: Human Perception and Performance 14, 3 (1988), 472. http://psycnet.apa.org/journals/xhp/14/3/472/
83. Ariel Shamir and Ari Rappoport. 1998. Feature-Based Design of Fonts Using Constraints. In Electronic Publishing, Artistic Imaging, and Digital Typography, Roger D. Hersch, Jacques André, and Heather Brown (Eds.). Number 1375 in Lecture Notes in Computer Science. Springer Berlin Heidelberg, 93--108. http://link.springer.com/chapter/10.1007/BFb0053265
84. Nick Sherman. 2021. Variable Fonts Web Site. https://v-fonts.com/
85. Yuto Shinahara, Takuro Karamatsu, Daisuke Harada, Kota Yamaguchi, and Seiichi Uchida. 2019. Serif or Sans: Visual Font Analytics on Book Covers and Online Advertisements. In 2019 International Conference on Document Analysis and Recognition (ICDAR). 1041--1046.
86. Barbara G. Shortridge. 1979. Map Reader Discrimination of Lettering Size. The American Cartographer 6, 1 (Jan. 1979), 13--20. Publisher: Taylor & Francis.
87. Barbara G. Shortridge and Robert B. Welch. 1982. The Effect of Stimulus Redundancy on the Discrimination of Town Size on Maps. The American Cartographer 9, 1 (Jan. 1982), 69--78. Publisher: Taylor & Francis.
88. Hendrik Strobelt, Daniela Oelke, Bum Chul Kwon, Tobias Schreck, and Hanspeter Pfister. 2016. Guidelines for Effective Usage of Text Highlighting Techniques. IEEE Transactions on Visualization and Computer Graphics 22, 1 (2016), 489--498.
89. Miles A. Tinker. 1944. Criteria for Determining the Readability of Type Faces. Journal of Educational Psychology 35, 7 (Oct. 1944), 385--396.
90. Seiichi Uchida, Yuji Egashira, and Kota Sato. 2015. Exploring the World of Fonts for Discovering the Most Standard Fonts and the Missing Fonts. In 2015 13th International Conference on Document Analysis and Recognition (ICDAR). 441--445.
91. Yizhi Wang, Yue Gao, and Zhouhui Lian. 2020. Attribute2Font: Creating Fonts You Want from Attributes. ACM Transactions on Graphics 39, 4 (July 2020), 69:69:1--69:69:15.
92. Wikipedia contributors. 2020. Em (typography). https://en.wikipedia.org/w/index.php?title=Em_(typography)&oldid=984185316 Page Version ID: 984185316.
93. Andy T. Woods, Carlos Velasco, Carmel A. Levitan, Xiaoang Wan, and Charles Spence. 2015. Conducting Perception Research over the Internet: A Tutorial Review. PeerJ 3 (July 2015), e1058.
94. Chang Xiao, Cheng Zhang, and Changxi Zheng. 2018. FontCode: Embedding Information in Text Documents Using Glyph Perturbation. ACM Transactions on Graphics 37, 2 (Feb. 2018), 15:1--15:16.

Index Terms

• Computing methodologies

  • Computer graphics

    • Graphics systems and interfaces

      • Perception

• Human-centered computing

  • Visualization

    • Visualization application domains

      • Information visualization