Using Simulated Annealing to Find Increased Sound-Shape Systematicity in Parametric Fonts

Total Page:16

File Type:pdf, Size:1020Kb

Using Simulated Annealing to Find Increased Sound-Shape Systematicity in Parametric Fonts Using Simulated Annealing to Find Increased Sound-Shape Systematicity in Parametric Fonts Adam DePauw Master of Science Artificial Intelligence School of Informatics University of Edinburgh 2019 Abstract A sound-shape systematicity exists between the English pronunciation of letters and the shapes of their characters in the Roman alphabet. This systematicity may contribute to improved outcomes for early readers, language learners, and those with dyslexia. Motivated by these facts, we describe two methods for modifying fonts to increase this systematicity. Applying a simulated annealing algorithm to parametric font coor- dinates resulted in parameterizations that increased the sound-shape systematicity on average by 132% over the default. Training a neural network to generate font glyphs from a set of shape distances did not result in a significant increase in systematicity. We explore the experimental results for relationships that might aid future research into systematicity and font design. These show that thicker strokes, wider charac- ters, and a smaller optical size are correlated with higher sound-shape systematicity. The data also gives evidence of a negative sound-shape correlation in monospaced fonts, but positive sound-shape correlation in proportional-spaced fonts. We introduce a reusable software library to enable additional experiments and a new data set for further research and validation. i Acknowledgements I am grateful for the many enlightening conversations I have enjoyed with Dr. Richard Shillcock. This work could not have been done without his guidance and encour- agement. Thank you to Hana Jee for laying the groundwork for this project and for freely sharing information about her approach. This project is entirely motivated by the groundbreaking work that she, Dr. Shillcock, and Dr. Monica Tamariz have done. I am grateful for Ari Anastassiou’s interest in this project and his feedback on ideas and approaches. The neural network experiments in this work are based on his suggestions, though any failures in their execution are surely mine. Credit goes to Leon Overweel for assistance in finding proper citations for several common software packages. Fi- nally, thank you to my wife Dayna, who has done so much to enable me to complete this work. ii Table of Contents 1 Introduction 1 1.1 Motivation and Objective . 1 1.2 Contributions . 2 1.3 Outline . 3 2 Background: Systematicity 4 2.1 Language . 4 2.2 Learning . 5 2.3 Fonts . 6 3 Rendering Glyphs 8 4 Systematicity in Fonts 11 4.1 Sound and Shape Representation . 11 4.2 Distance Measures . 12 4.3 Correlation and Significance . 15 5 Parametric Font Optimization 16 5.1 Parametric Fonts . 16 5.2 Metaheuristics . 17 5.3 Font Set . 19 5.4 Methodology . 19 5.5 Results . 20 5.6 Parametric Font Glyphs . 24 6 Fonts from Distances Using Neural Networks 31 6.1 Data Set . 31 6.2 Pre-processing . 31 iii 6.3 Training . 32 6.4 Inference Experiments . 32 6.5 Results . 32 7 Discussion 35 7.1 Parametric Fonts . 35 7.2 Neural Networks . 36 7.3 Limitations . 36 7.4 Future Work . 37 7.4.1 Systematicity . 37 7.4.2 Optimization . 38 7.4.3 Other Languages and Phonologies . 38 8 Conclusions 39 Bibliography 40 A List of Parametric Fonts 44 iv Chapter 1 Introduction 1.1 Motivation and Objective Language is full of statistical patterns called systematicity. Our brains make use of these patterns, leveraging them in the learning, production, and comprehension of lan- guage. The neurological mechanisms that accomplish this are not always clear, but the empirical evidence demonstrates the benefits of systematicity (Imai et al., 2008; Kantartzis et al., 2011). One lesser-known aspect of systematicity is a relationship between orthography, the visual shape of written language, and phonology, the sound of spoken language. This systematicity extends to the shapes of individual letters and their attendant sounds. The relationship can be measured in the form of a correlation between the visual and phonological distances between each shape and sound pair. While this systematicity has been known to exist in other languages, it has only recently been shown to exist in limited amounts in the English language (Jee et al., 2018). Since other types of language systematicity are helpful, it may be that increased sound-shape systematicity would also be of benefit. It could provide benefit to early readers or to those who experience dyslexia. Our goal in this project is to explore the possibility of increasing this sound-shape systematicity for a given font. Little, if any, work has been done to explore how this particular type of systematicity may be of benefit. Our hope is that further research will be enabled by the creation of tools for and identifying methods of improving this systematicity. These methods and tools could be used by researchers in linguistics, psychology, and education to explore the benefits of sound-shape systematicity in language. Gains in systematicity should be balanced with the appeal and readability of a font. 1 Chapter 1. Introduction 2 One could imagine substituting the characters of the Roman alphabet with a set of arbi- trary shapes that correlate highly with the variation of sounds in the English language. Such a set of shapes, however, could be unattractive and entirely unrecognizable to readers. On the other hand, the gains in systematicity that may be achievable with tra- ditional Roman characters is likely to be limited by fidelity to these shapes. For these reasons, both readability and systematicity gains must be kept in view. To balance these goals, two approaches were selected to increase sound-shape sys- tematicity. The first approach used a metaheuristic method called simulated annealing to find coordinates for parametric fonts that resulted in higher sound-shape systematic- ity. We chose this approach because it would result in readable and attractive fonts. Gains in systematicity, however, were limited by the constraints of the font design. In the second approach, a neural network was trained to produce glyphs from a set of shape distances. This approach was chosen for its greater potential for sound-shape systematicity gains, albeit at the cost of clarity and readability.. In addition to new methods for increasing systematicity, we expected to find fac- tors that correlate with higher systematicity. Parametric fonts have variation axes with common definitions. This enabled us to compare these commonalities across the re- sulting systematicity measurements. These relationships could be of use to researchers exploring the benefits of sound-shape systematicity and to typographers and font de- signers. 1.2 Contributions To our knowledge, this is among the first work to explore methods for increasing sound-shape systematicity in fonts. We expect our unique contributions to enable fur- ther research in this area. The chief contributions made in this work are:: • A successful demonstration of the simulated annealing metaheuristic to find pa- rameterizations of parametric fonts that result in higher sound-shape systematic- ity. This approach resulted in a mean systematicity increase of 119% over the default parameterizations. • A method for generating glyphs from sizes using a fully-connected feedforward neural network. Our experimental results show that this does not result in fonts with increased sound-shape systematicity. We theorize that the method of train- ing does not allow for generalization beyond the distance distributions in the Chapter 1. Introduction 3 training set. • Empirical results showing font qualities that correlate with higher sound-shape systematicity. Specifically, we have found that font weights and widths are pos- itively correlated and that font optical size is negatively correlated with this sys- tematicity. We have also found that monospaced fonts demonstrate sound-shape anti-correlation, in opposition to proportional-spaced fonts. • A software library1 that can be used for further research into sound-shape sys- tematicity in fonts, including glyph rendering, distance calculations, and system- aticity measurements. • A data set2 of over 85,000 unique glyph sets and their resulting systematicity measurements that can be used for further research and validation. 1.3 Outline The rest of this work is structured as follows. Chapter 2 provides a brief background on systematicity in language, its role in learning, prior work on sound-shape system- aticity, and prior work on fonts and reading. Chapter 3 discusses our work creating a reusable glyph-rendering module and reviews some of the design decisions made. Chapter 4 details our method of measuring sound-shape systematicity and grounds our choices for visual representation and distance measurement. In chapter 5 we dis- cuss the methodology and results of our experiments with parametric fonts. Chapter 6 discusses producing glyphs from shape distances using a neural network. Chapter 7 discusses our findings and its limitations and highlights promising ideas for future work. Chapter 8 provides a brief summary of and conclusion to our work. 1https://github.com/adamdotdev/font-systematicity 2https://doi.org/10.5281/zenodo.3369478 Chapter 2 Background: Systematicity We begin with the background in psychology and linguistics that motivates our work. We first review examples of systematicity in language. We then discuss the effects of systematicity and arbitrariness on learning. Finally, we review prior work done in the area of font design and its impact on learning. 2.1 Language It is well known that systematicity exists between aspects of language. An easily un- derstandable example is the systematicity between syntax and semantics. If a fluent speaker understands the sentence “John chases the cat”, it must entail that they can also understand the sentence “the cat chases John” (Fodor and Pylyshyn, 1988). Like- wise, if a fluent speaker hears “The zorp is broken”, they can easily make sense of or produce sentences like “Please call the zorp repair shop” and the “The zorp has been fixed” even if they have never encountered the word “zorp” before (Hadley, 1994).
Recommended publications
  • Color Palette Typography Header 1 Navigation Imagery Logo
    Color Palette Logo Icons Background Brand/Highlight Highlight Highlight Dates Page/ Restaurant Bar Coffee Movies The Arts Music Sports /Text Date on date (location tag) (location tag) (location tag) (location tag) (location tag) (location tag) (location tag) /Text #EDEDED #F1D7CA plan page #6A42ED #FFFFFF Outdoors Time Location (location tag) (Date plan page) (Date plan page) Text Text Text #DDDDDD #AAAAAA #000000 Buttons/Links Typography Navigation Button Button Ready to go on a date? Open drop down menu Close drop down menu Source Serif Pro, s: 36, Bold Header 1 4 1 Inactive primary CTA Secondary CTA Enable “Set Up a Date” Feature Private until you both have enabled Button Button IBM Plex Sans, s: 30, Semi-Bold Header 2 Popup with the Enable a date Bottom navigation menu feature on the match chat page Inactive toggle state Active toggle state Primary CTA Tertiary CTA and Filters (enable setup feature) (enable setup feature) IBM Plex Sans, s: 21, Semi-Bold Header 3 Activity Price Rating April Source Serif Pro, s: 24, Bold Subheader 1 Who do you want to date? Who do you want to date? Recommended Filters (expanded) S M T W T F S Select a Match Erin Matthews New Spots IBM Plex Sans, s: 18, Semi-Bold Subheader 2 1 2 3 4 Upcoming Events Setup a Date Buttons (nothing Setup a Date Buttons (selection Close button (used for popout selected made) screens) Get a Drink IBM Plex Sans, s: 15, Semi-Bold Subheader 3 5 6 7 8 9 10 11 Get some Food 12 13 14 15 16 17 18 IBM Plex Sans, s: 24, Semi-Bold Button 1 See a Movie Add Add 19 20 21 22 23 24 25 Get Outside Add button for set up a date Add button for set up a date Location selector on Location selector on IBM Plex Sans, s: 13, Semi-Bold Button 2 Back button 26 27 28 29 30 Sports options (inactive) options (active) map view (current) map view (not-current) Listen to Music IBM Plex Sans, s: 9, Medium Button 3 May Add 6:00 PM 6:00 PM S M T W T F S IBM Plex Sans, s: 14, Medium Body 1 Setup a date button (selected Setup a date button This is an example of a body text paragraph.
    [Show full text]
  • Variable First
    Variable first Baptiste Guesnon Designer & Design Technologist at Söderhavet A small text Text with hyphen- ation Gulliver, Gerard Unger, 1993 Screens are variable first Static units Relative units Pica, type points, %, viewport width, pixels, cm… viewport height Why should type be static… …while writing is organic? Century Expanded plomb from 72 pt to 4 pt and putted at a same scale Image by Nick Sherman Through our experience with traditional typesetting methods, we have come to expect that the individual letterforms of a particular typeface should always look the same. This notion is the result of a technical process, not the other way round. However, there is no technical reason for making a digital letter the same every time it is printed. Is Best Really Better, Erik van Blokland & Just van Rossum First published in Emigre magazine issue 18, 1990 Lettering ? Typography Potential of variations in shape a same letter [————— 500 years of type technology evolution —————] Metal / Ink / Paper / Punch & Counterpunch / Pantograph / Linotype & Monotype / etc. Opentype Gutenberg Postscript Photocompo. Variable Fonts Change is the rule in the computer, stability the exception. Jay David Bolter, Writing Space, 1991 Fedra outlines, Typotheque Metafont Postscript Truetype GX Opentype 1.8 (Variable Fonts) Multiple Master Ikarus Fonts HZ Program Webfont Opentype (.woff) Now 1970 1975 1980 1985 1990 1995 2000 2005 2010 Punk/Metafont Beowolf Digital Lettering Donald Knuth Letteror Letteror 1988 1995 2015 HZ-program Indesign glyph scaling glyph scaling Skia, Matthew Carter for Mac OS, 1993 How to make it work? The Stroke, Gerrit Noordzij, 1985 Metafont book, Donald Knuth Kalliculator, 2007, Frederik Berlaen Beowolf, Letteror, 1995 Parametric fonts ≠ Variable fonts Designing instances vs.
    [Show full text]
  • Fira Code: Monospaced Font with Programming Ligatures
    Personal Open source Business Explore Pricing Blog Support This repository Sign in Sign up tonsky / FiraCode Watch 282 Star 9,014 Fork 255 Code Issues 74 Pull requests 1 Projects 0 Wiki Pulse Graphs Monospaced font with programming ligatures 145 commits 1 branch 15 releases 32 contributors OFL-1.1 master New pull request Find file Clone or download lf- committed with tonsky Add mintty to the ligatures-unsupported list (#284) Latest commit d7dbc2d 16 days ago distr Version 1.203 (added `__`, closes #120) a month ago showcases Version 1.203 (added `__`, closes #120) a month ago .gitignore - Removed `!!!` `???` `;;;` `&&&` `|||` `=~` (closes #167) `~~~` `%%%` 3 months ago FiraCode.glyphs Version 1.203 (added `__`, closes #120) a month ago LICENSE version 0.6 a year ago README.md Add mintty to the ligatures-unsupported list (#284) 16 days ago gen_calt.clj Removed `/**` `**/` and disabled ligatures for `/*/` `*/*` sequences … 2 months ago release.sh removed Retina weight from webfonts 3 months ago README.md Fira Code: monospaced font with programming ligatures Problem Programmers use a lot of symbols, often encoded with several characters. For the human brain, sequences like -> , <= or := are single logical tokens, even if they take two or three characters on the screen. Your eye spends a non-zero amount of energy to scan, parse and join multiple characters into a single logical one. Ideally, all programming languages should be designed with full-fledged Unicode symbols for operators, but that’s not the case yet. Solution Download v1.203 · How to install · News & updates Fira Code is an extension of the Fira Mono font containing a set of ligatures for common programming multi-character combinations.
    [Show full text]
  • FONT GUIDE Workbook to Help You Find the Right One for Your Brand
    FONT GUIDE Workbook to help you find the right one for your brand. www.ottocreative.com.au Choosing the right font for your brand YOUR BRAND VALUES: How different font styles can be used to make up your brand: Logo Typeface: Is usually a bit more special and packed with your brands personality. This font should be used sparingly and kept for special occasions. Headings font: Logo Font This font will reflect the same brand values as your logo font - eg in this example both fonts are feminine and elegant. Headings Unlike your logo typeface, this font should be easier to read and look good a number of different sizes and thicknesses. Body copy Body font: The main rule here is that this font MUST be easy to read, both digitally and for print. If there is already alot going on in your logo and heading font, keep this style simple. Typefaces, common associations & popular font styles San Serif: Clean, Modern, Neutral Try these: Roboto, Open Sans, Lato, Montserrat, Raleway Serif: Classic, Traditional, reliable Try these: Playfair Display, Lora, Source Serif Pro, Prata, Gentium Basic Slab Serif: Youthful, modern, approachable Try these: Roboto Slab, Merriweather, Slabo 27px, Bitter, Arvo Script: Feminine, Romantic, Elegant Try these: Dancing Script, Pacifico, Satisfy, Courgette, Great Vibes Monotype:Simple, Technical, Futuristic Try these: Source Code Pro, Nanum Gothic Coding, Fira Mono, Cutive Mono Handwritten: Authentic, casual, creative Try these: Indie Flower, Shadows into light, Amatic SC, Caveat, Kalam Display: Playful, fun, personality galore Try these: Lobster, Abril Fatface, Luckiest Guy, Bangers, Monoton NOTE: Be careful when using handwritten and display fonts, as they can be hard to read.
    [Show full text]
  • Differences of Fira Sans & Firago
    January 2018 FiraGO and Fira Sans – A guide Fira Sans Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide Project History: Fira Sans In 2012, Fira was designed as a typeface for the Mozilla OS in cooperation with Erik Spiekermann and – of course – Mozilla. Over the next years, Fira covered more and more languages and provided further weights and styles. In 2016 (with version 4.2), Mozilla decided not to put effort into the project anymore and in fact quit. Please also note that their Git is not up to date anymore. Since 2016, we encourage the project on our own and therefor introduced a new Git: https://github.com/carrois/Fira Also, recent font files can always be downloaded at: http://bboxtype.com/typefaces/FiraSans Fira Sans 4.3 will be the last version of Fira Sans (except from bug fixing). We decided to go on with a new branch: FiraGO. Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide Status Quo: Fira Sans 4.3 Family structure: Fira Sans Two to Ultra 16 weights Fira Sans TwoItalic to UltraItalic 16 weights Fira Sans Condensed Two to Heavy 15 weights Fira Sans Condensed TwoItalic to HeavyItalic 15 weights Fira Sans Compressed Two to Heavy 15 weights Fira Sans Compressed TwoItalic to HeavyItalic 15 weights Fira Mono Regular Medium Bold 3 weights Script Support: Latin Extended/IPA, Cyrillic Extended, Polytonic Greek ~ 2600 glyphs per font Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide FiraGO Copyright by bBox Type GmbH 2018 January 2018 FiraGO and Fira Sans – A guide Project History: FiraGO In 2016, the geo data provider Here chose Fira Sans as their corporate typeface.
    [Show full text]
  • 264 Tugboat, Volume 37 (2016), No. 3 Typographers' Inn Peter Flynn
    264 TUGboat, Volume 37 (2016), No. 3 A Typographers’ Inn X LE TEX Peter Flynn Back at the ranch, we have been experimenting with X LE ATEX in our workflow, spurred on by two recent Dashing it off requests to use a specific set of OpenType fonts for A I recently put up a new version of Formatting Infor- some GNU/Linux documentation. X LE TEX offers A mation (http://latex.silmaril.ie), and in the two major improvements on pdfLTEX: the use of section on punctuation I described the difference be- OpenType and TrueType fonts, and the handling of tween hyphens, en rules, em rules, and minus signs. UTF-8 multibyte characters. In particular I explained how to type a spaced Font packages. You can’t easily use the font pack- dash — like that, using ‘dash~---Ђlike’ to put a A ages you use with pdfLTEX because the default font tie before the dash and a normal space afterwards, encoding is EU1 in the fontspec package which is key so that if the dash occurred near a line-break, it to using OTF/TTF fonts, rather than the T1 or OT1 would never end up at the start of a line, only at A conventionally used in pdfLTEX. But late last year the end. I somehow managed to imply that a spaced Herbert Voß kindly posted a list of the OTF/TTF dash was preferable to an unspaced one (probably fonts distributed with TEX Live which have packages because it’s my personal preference, but certainly A of their own for use with X LE TEX [6].
    [Show full text]
  • Noto Sans Tagalog V3 Documentation
    Noto Sans Tagalog v3.0 Documentation & Information FREDRICK R. BRENNAN 2 August 2020 Differences between Noto Sans Tagalog Noto Sans Tagalog v3.0 improves upon v2.0 in the following ways: ● It is a one-axis (weight) variable font with an avar table ● It includes glyph for “ra”, a missing letter, at U+170D ○ Also archaic “ra” at U+171F ● It includes a pamudpod ● It includes alternate hollow kudlit enabled in various ways (salt; cv02; VS1) Overview Tagalog? Noto Sans Tagalog is a font for a script known to The Unicode Standard as “Tagalog”. However, this name is not what the script is known by to Filipinos; Filipinos know it as baybayin or alibata. Baybayin is the name preferred by Philippine scholars, deriving from the Tagalog verb root baybay, meaning “to spell”. The name “Tagalog” was kept as Noto Sans Tagalog is part of the much larger Noto family, and as all the others are named after their respective Unicode blocks, so too should Noto Sans Tagalog. However, the alternate name of “Noto Sans Baybayin” should be understood just as well by your OS to refer to the font, as it’s in the name table. Creation notes Process in a nutshell This was primarily an engineering project and learning experience for me, Fred Brennan, the author of this font. This was my first Google Web Font. It is a requirement of Google that all Google Fonts be built from UFO with fontmake. This is unfortunate as it leads many to use Glyphs to make Google Fonts, which is not what Google wants to promote (I’d hope).
    [Show full text]
  • Typographers'
    TUGboat, Volume 39 (2018), No. 1 17 Typographers’ Inn Peter Flynn Fonts and faces and families I suppose we’ve all but given up the unequal strug- gle to distinguish between a family, a face, and a font. I still use the terms separately, out of force of habit, but some work we were doing recently (see ‘X LE ATEX’ below) allowed me to identify many good examples. One family I installed recently (following its announcement on comp.text.tex) was IBM Plex, which is composed of these faces: 1. Plex Serif 12. Plex Sans SemiBold Figure 1: IBM Plex in action 2. Plex Serif ExtraLight 13. Plex Sans Text 3. Plex Serif Light 14. Plex Sans Thin 4. Plex Serif Medium 15. Plex Mono 5. Plex Serif SemiBold 16. Plex Mono ExtraLight 6. Plex Serif Text 17. Plex Mono Light ports. maybe four if we include theses) it’s usually 7. Plex Serif Thin 18. Plex Mono Medium much more important that the choice of typeface 8. Plex Sans 19. Plex Mono SemiBold remains unnoticed. It’s not that the choice is unim- 9. Plex Sans ExtraLight 20. Plex Mono Text portant, but that it’s more subtle than just choosing 10. Plex Sans Light 21. Plex Mono Thin a ‘font’ that you like the look of, although that is 11. Plex Sans Medium obviously part of the decision. In the days of metal type, even the largest print- I numbered them on a slide for a training course ers would have had only a tiny fraction of the type- so that the students could see the seven serif, seven faces available to the average computer user today: sans, and seven monospace components — and with a designer specifying a face not on hand would have luck, understand the distinction — before explaining had to cost-justify the rental of the matrices needed that each one came in the four standard font variants: to cast it, or (in smaller houses) buying sorts in regular, bold, italic, and bold-italic; making 84 in all.
    [Show full text]
  • Part 1: from Truetype GX to Variable Fonts | Monotype
    Monotype › Blog › Articles Contact Search Menu Part 1: from TrueType GX to Variable Fonts Tom Rickner, veteran type designer, Category: Articles shares his personal role in the Author: Tom Rickner 29. 11. 2016 beginnings of type’s most exciting development in decades. Share this In August of 2016, four unlikely collaborators in the world of type, fonts and font technology stood on a stage at the ATypI conference in Warsaw, Poland. The collaborators were Apple, Microsoft, Adobe and Google. Together they announced the publishing of OpenType 1.8, an update to the now ubiquitous font standard which was originally an amalgam of Apple & Microsoft’s TrueType, and Adobe’s PostScript font formats. The OpenType 1.8 announcement, ATypI, Warsaw, Poland, September 14, 2016 OpenType 1.8 unveils tremendous new powers of control for type designers, typographers and application developers alike, and it will do so on each of the major operating systems. For those of you who remember Adobe’s Multiple Master format, that technology represented a sliver of the capabilities that will be at your disposal within the new OpenType standard. There were numerous reasons that this announcement was unique, and many have written about this news in these past few months. But for me, the announcement was not only the culmination of months of meetings, private discussions and collaboration with industry colleagues, but it was in fact the rebirth of one of my first collaborations in the font software business, some 25 years earlier. During the late 1980’s and early 1990’s I was a member of the TrueType team at Apple, working within the “Blue” system software group that released the revolutionary System 7 for the Macintosh.
    [Show full text]
  • Variable Fonts in Chrome Webengines Hackfest, Igalia, a Coruña
    Variable Fonts in Chrome Webengines Hackfest, Igalia, A Coruña Behdad Esfahbod [email protected] Dominik Röttsches [email protected] Demos ● Responsive Web Typography ● Font Playground ● Underware’s HOI Variable Fonts in CSS Level 4 Fonts font-weight, font-stretch, font-style before font-weight, font-stretch, font-style variable Ranges in @font-face @font-face { font-family: Roboto; font-weight: 700; /* or: 400, 600, 900,... */ font-style: normal; /* or: italic, oblique */ font-stretch: condensed; /* or: expanded, ultra-expanded */ } Ranges in @font-face @font-face { font-family: Roboto; font-weight: 400 700; font-style: 10deg 20deg; font-stretch: 50% 200%; } New Font Style Matching Algorithm ● https://drafts.csswg.org/css-fonts-4/#font-style-matching ● Previously, for a font request: ○ Match font-stretch, font-style, font-weight by traversing keyword values, find closest keyword ● New definition: Search for numerically nearest value ○ As defined by @font-face and ○ Within the range that the variable font allows font-optical-sizing font-variation-settings ● Similar to font-feature-settings ● Sequence of 4 character axis name plus font-variation-settings: ‘wght’ 700, ‘UPWD’ 200; Variable Fonts in Blink New CSS Font Matching Algorithm ● Implements font-stretch, font-style, font-weight matching based on numbers, not based on keywords ● FontTraits replaced with FontSelectionRequest ○ Now storing three FontSelectionValues (numerical values for stretch, style weight) ● FontSelectionCapabilities are storing what the @font-face definition provides
    [Show full text]
  • Brand Identity Guidelines Version 1 June 2019 What We Are About
    BRAND IDENTITY GUIDELINES VERSION 1 JUNE 2019 WHAT WE ARE ABOUT THE ALASKA COUNTS The Alaska Counts campaign is CAMPAIGN IS GUIDED BY A MISSION AND VALUES THAT TRUSTWORTHY honest, straightforward INFORM EVERYTHING WE DO AND SAY. INCLUSIVE non-partisan, nondiscriminatory, equitable RESOURCEFUL collaborative, complementary OUR BRAND FUNCTIONS ACCESSIBLE TO SHARE OUR IDENTITY open, approachable, welcoming WITH THE WORLD; WE COMMUNICATE POWERFULLY AND CONSISTENTLY. The Alaska Counts campaign’s goal is TO ENSURE A COMPLETE AND ACCURATE COUNT OF ALL ALASKANS ALASKA COUNTS INTRODUCTION 2 LOGO A BRAND IS MUCH MORE THAN A LOGO. IT IS A COLLECTION OF RELATIONSHIPS. IT EXPLAINS WHAT DRIVES US, WHAT WE BELIEVE IN, WHY WE EXIST. THESE THINGS ARE NOT FROZEN IN TIME. 3 LOGO THE ALASKA COUNTS LOGOMARK IS SIMPLE, MAIN TYPE GRAPHICAL SPEAK ELEMENT CLEAR. IT INCORPORATES A SECONDARY TYPE GRAPHICAL SPEAK ELEMENT. STATE OF ALASKA TO ENGAGE, ENCOURAGE, AND ENSURE SELF-RESPONSE AND PARTICIPATION. LOCAL BACKGROUND COLOR - WHITE VOICES OF LEADERSHIP ARE CRITICAL TO ACHIEVING AN ACCURATE COUNT IN 2020. BACKGROUND COLOR - LIGHT COLOR BACKGROUND COLOR - DARK COLOR ALASKA COUNTS LOGO 4 LOGO CLEARSPACE & SIZE TO MAXIMIZE THE BRAND’S THE DISTANCE MARKED X REPRESENTS THE HEIGHT X PRESENCE AND VISUAL OF THE ‘A’ IN THE TYPE ALASKA. THE FORMULA STANDOUT, THERE IS SHOWN OPPOSITE APPLIES A DEFINED MINIMUM TO ALL SIZES OF BRANDMARK REPRODUCTION. CLEAR SPACE AREA. THIS X CLEAR ZONE AROUND THE X X BRANDMARK DEFINES THE AREA INTO WHICH NO OTHER GRAPHIC ELEMENTS, SUCH AS TEXT, IMAGERY OR OTHER BRANDMARKS CAN INTRUDE. FOR EASE OF RECOGNITION, A MINIMUM SIZE HAS BEEN SET FOR THE DIFFERENT VERSIONS OF THE BRANDMARK, IN ORDER TO ASSURE SUCCESSFUL REPRODUCTION.
    [Show full text]
  • Microsoft Core Fonts Package Post-Installation to Obtain a Proper Type Library
    AP�������F��� ��� O���S�����T������� �� �� �������� ���� �� �� ��� ������ ��� ���������� �� ���� �� the development of libre ecosystems. Typography has always been a stubborn holdout in this regard, and to this day there remain few free high-quality comprehensive text typefaces. Free type is mainly concentrated in a handful of flagship “superfonts” that contain a staggering catalog of glyphs, but lack greatly in the quality of design and typographic styles and features seen in professional type. To my knowledge, there are currently just two great open source text families—Gentium, which is still incomplete, and Linux Libertine, in addition to a few corporate gifts such as Adobe Source Serif and Bitstream Charter. To help fill the gap, I present my own original type design and ask for the Wikimedia projects’ help in finishing and releasing my font to provide a quality free font choice. What is this font? ��� ���� � �� ��������� (��� ���� ��� ��� ��������� ������� 0 1 2 3 4 5 6 7 8 9 this paragraph in) is meant to be an original serif typeface that an editor might want to set a textbook in. It does not yet have an official name. Many existing open source typefaces are clones of 0 1 2 3 4 5 6 7 8 9 popular old public domain typefaces (like Asana, S���, EB Garamond, or Free Serif, which are clones of Palatino, Times, Garamond, and Times again, respectively). Others like Liberation Serif, Déjà Vu, and Droid Serif have a distinctive “computer type” style that makes them convenient for pixel display and easy to HQWinâaba construct and adapt but poor in most other regards. I tried to create something different.
    [Show full text]