DOCSLIB.ORG

Variable First

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read 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. designing a design space Multiple Master Font, Adobe, 1991 Static = 42 fonts (2mb) Dynamic = 4 masters in 1 font (0.09mb) Font technology evolve continually Postscript T1 Opentype Truetype Font technology evolve continually Postscript T1 Opentype Truetype + Javascript = Responsive fonts Font-to-width, Nick Sherman and Chris Lewis < https://font-to-width.com > Panorama Family, Production Type Website by Prototypo.io < http://panorama.productiontype.com/ > Font technology evolve continually Postscript T1 Opentype Truetype + Javascript Opentype 1.8 = Variable font Responsive fonts Tangible font Digital font Variable Glyph shape Glyph’s shape Letter Unicode Lettre Robot reading (SEO) + Accessibility Variable fonts are about having more choices Variable fonts are about having more choices too much choice Variable fonts are about having more choices too much choice better and tailored choices Font technology evolve continually Postscript T1 Opentype Truetype + Javascript Variable font = + Responsive fonts Javascript/CSS = Smart font Smart fonts / Parametric type settings Interaction/Animation FontFace observer Font equalizer So what can a variable font do that the current Opentype + Code fonts can’t? · Variation of glyphs within one file · No coding or extension required · Support up to 200 axis · Native support of browsers · Compressed files (fast loading) · Easy to manipulate with CSS or a UI Glyph axis substitutions on top of the previous opentype features Adobe Variable Font Prototype < https://github.com/adobe-fonts/adobe-variable-font-prototype > Use same file extensions Truetype splines CFF2 Splines (TT GX legacy) (soon) Compressed format for web OK, so where can I use variable fonts ? Supported in public versions of In developpers/beta versions Supported in last versions of Axis-Praxis, by Laurence Penney, 2016 < http://axis-praxis.org > How to create a Variable font (Opentype 1.8) Robofont Glyphs App Fontlab 6 FontTools (with a .designspacefile) (native) That’s great, but what will happen to the none variable fonts ? Great, now something else… https://so-type.com @so-type @so-type https://so-type.com @so-type https://so-type.com Licenses from Student license @so-type https://so-type.com Have a great variable day! Baptiste Guesnon So-type @Ba_Gsn @so-type.
Load more

Recommended publications
  • Bit-Mapped Fonts
    PRINTING METHOD 24-pin, impact dot matrix PAPER FEED Convertible push/pull tractor for rear, front and MECHANISM bottom feed; automatic fanfold paper load; auto- PRINT DIRECTION Bidirectional with logic seeking in text and graphics modes matic single sheet, paper stacking; friction feed; top and front automatic single sheet load; Advanced PRINT SPEED High speed draft: 225 cps (10 cpi) Paper Handling: micro-adjustment for top-of- (Bit-mapped fonts) Draft: 315 cps (15 cpi) form and tear-off mode, paper parking for loading 252 cps (12 cpi) single sheet paper without removing continuous 210 cps (10 cpi) paper; optional: additional pull tractor, standard- Letter quality: 105 cps (15 cpi) capacity cut sheet feeder and high-capacity cut 84 cps (12 cpi) sheet and envelope feeder 70 cps (10 cpi) PAPER FEED SPEED 77.6 milliseconds per 1/6" line spacing; CHARACTER MATRIX 9 x 22 draft mode (10 cpi) 2.2” per second continuous feed (Bit-mapped fonts) 31 x 22 letter-quality mode (10 cpi) 22 x 16 letterquality mode (15 cpi) PAPER HANDLING 37 x 22 proportional Single sheets: Top loading: 5.8” to 16.5” CHARACTER SETS 96 ASCII characters; 15 international Front, loading: 7.2” to 14.3” character sets; 128 user-defined ® Continuous: 4.0” to 16.0” characters; extended IBM -style No. 6 envelopes: 6.5” x 3.625” graphics characters: legal charac- No. 10 envelopes: 9.5” x 4.125” ters; 5-code pages Labels: 2.5” x 5.9” SCALABLE FONTS Epson Roman 8 to 32 points Forms: Continuous multi-part, original plus three carbon- Epson Sans Serif 8 to 32 points less copies; maximum thickness 0.012 inches RESIDENT Epson Draft 10, 12.
    [Show full text]
  • Agenda for the Regular Business Meeting of the Council of West Windsor Township 271 Clarksville Road to the Extent Known
    MEETING TO BE BROADCAST ON COMCAST CHANNEL 27 AND VERIZON CHANNELS 41 AND 42 AGENDA FOR THE REGULAR BUSINESS MEETING OF THE COUNCIL OF WEST WINDSOR TOWNSHIP 271 CLARKSVILLE ROAD TO THE EXTENT KNOWN June 26, 2017 7:00 p.m. 1. Call to Order 2. Statement of Adequate Notice – January 6, 2017 to the Trenton Times and the Princeton Packet. 3. Salute to the Flag 4. Ceremonial Matters and/or Topics for Priority Consideration Recognition of Chief Joe Pica for his Years of Service to West Windsor Township Filling of Council Vacancy Filling of the Environmental Commission Liaison Route 1 Concept Plan Presentation Presentation from Mercer County – Rt. 571 and Clarksville Intersection Improvements 5. Public Comment: (30 minutes comment period; 3-minute limit per person) (1) 6. Administration Comments 7. Council Member Comments 8. Chair/Clerk Comments 9. Public Hearings 2017-23 AN ORDINANCE AUTHORIZING THE ACQUISITION OF A TEMPORARY CONSTRUCTION EASEMENT FROM ELISABETH LINDA LOUISE MIHAN LOCATED AT BLOCK 5, LOT 39 – 43 Cranbury Road 2017-24 AN ORDINANCE AMENDING THE CODE OF THE TOWNSHIP OF WEST WINDSOR, CHAPTER 168, “TRAFFIC AND PARKING” ARTICLE VI, “PARKING AUTHORITY PROPERTY” AND ARTICLE VII, “SCHEDULES” 10. Consent Agenda A. Resolutions 2017-R170 Appointing Jill M. Swanson and Eileen Lang as Alternate Deputy Registrars 2017-R171 Appointing James Yates, Manager of Fire and Emergency Services as Emergency Management Coordinator and Incoming Chief Garofalo as Deputy Emergency Management Coordinator for the Term of Three Years 2017-R172 Authorizing the Insertion of the State of New Jersey Clean Communities Program in the 2017 Municipal Budget - $59,059.86 (2) 2017-R173 Authorizing the Insertion of the Alcoholic Rehabilitation & Enforcement Fund in the 2017 Municipal Budget - $4,503.79 B.
    [Show full text]
  • Type Design for Typewriters: Olivetti by María Ramos Silva
    Type design for typewriters: Olivetti by María Ramos Silva Dissertation submitted in partial fulfilment of the requirements for the MA in Typeface Design Department of Typography & Graphic Communication University of Reading, United Kingdom September 2015 The word utopia is the most convenient way to sell off what one has not the will, ability, or courage to do. A dream seems like a dream until one begin to work on it. Only then it becomes a goal, which is something infinitely bigger.1 -- Adriano Olivetti. 1 Original text: ‘Il termine utopia è la maniera più comoda per liquidare quello che non si ha voglia, capacità, o coraggio di fare. Un sogno sembra un sogno fino a quando non si comincia da qualche parte, solo allora diventa un proposito, cio è qualcosa di infinitamente più grande.’ Source: fondazioneadrianolivetti.it. -- Abstract The history of the typewriter has been covered by writers and researchers. However, the interest shown in the origin of the machine has not revealed a further interest in one of the true reasons of its existence, the printed letters. The following pages try to bring some light on this part of the history of type design, typewriter typefaces. The research focused on a particular company, Olivetti, one of the most important typewriter manufacturers. The first two sections describe the context for the main topic. These introductory pages explain briefly the history of the typewriter and highlight the particular facts that led Olivetti on its way to success. The next section, ‘Typewriters and text composition’, creates a link between the historical background and the machine.
    [Show full text]
  • Guide for the Use of the International System of Units (SI)
    Guide for the Use of the International System of Units (SI) m kg s cd SI mol K A NIST Special Publication 811 2008 Edition Ambler Thompson and Barry N. Taylor NIST Special Publication 811 2008 Edition Guide for the Use of the International System of Units (SI) Ambler Thompson Technology Services and Barry N. Taylor Physics Laboratory National Institute of Standards and Technology Gaithersburg, MD 20899 (Supersedes NIST Special Publication 811, 1995 Edition, April 1995) March 2008 U.S. Department of Commerce Carlos M. Gutierrez, Secretary National Institute of Standards and Technology James M. Turner, Acting Director National Institute of Standards and Technology Special Publication 811, 2008 Edition (Supersedes NIST Special Publication 811, April 1995 Edition) Natl. Inst. Stand. Technol. Spec. Publ. 811, 2008 Ed., 85 pages (March 2008; 2nd printing November 2008) CODEN: NSPUE3 Note on 2nd printing: This 2nd printing dated November 2008 of NIST SP811 corrects a number of minor typographical errors present in the 1st printing dated March 2008. Guide for the Use of the International System of Units (SI) Preface The International System of Units, universally abbreviated SI (from the French Le Système International d’Unités), is the modern metric system of measurement. Long the dominant measurement system used in science, the SI is becoming the dominant measurement system used in international commerce. The Omnibus Trade and Competitiveness Act of August 1988 [Public Law (PL) 100-418] changed the name of the National Bureau of Standards (NBS) to the National Institute of Standards and Technology (NIST) and gave to NIST the added task of helping U.S.
    [Show full text]
  • ANSI® Programmer's Reference Manual Line Matrix Series Printers
    ANSI® Programmer’s Reference Manual Line Matrix Series Printers Printronix, LLC makes no representations or warranties of any kind regarding this material, including, but not limited to, implied warranties of merchantability and fitness for a particular purpose. Printronix, LLC shall not be held responsible for errors contained herein or any omissions from this material or for any damages, whether direct, indirect, incidental or consequential, in connection with the furnishing, distribution, performance or use of this material. The information in this manual is subject to change without notice. This document contains proprietary information protected by copyright. No part of this document may be reproduced, copied, translated or incorporated in any other material in any form or by any means, whether manual, graphic, electronic, mechanical or otherwise, without the prior written consent of Printronix, LLC Copyright © 1998, 2012 Printronix, LLC All rights reserved. Trademark Acknowledgements ANSI is a registered trademark of American National Standards Institute, Inc. Centronics is a registered trademark of Genicom Corporation. Dataproducts is a registered trademark of Dataproducts Corporation. Epson is a registered trademark of Seiko Epson Corporation. IBM and Proprinter are registered trademarks and PC-DOS is a trademark of International Business Machines Corporation. MS-DOS is a registered trademark of Microsoft Corporation. Printronix, IGP, PGL, LinePrinter Plus, and PSA are registered trademarks of Printronix, LLC. QMS is a registered
    [Show full text]
  • Typographic Terms Alphabet the Characters of a Given Language, Arranged in a Traditional Order; 26 Characters in English
    Typographic Terms alphabet The characters of a given language, arranged in a traditional order; 26 characters in English. ascender The part of a lowercase letter that rises above the main body of the letter (as in b, d, h). The part that extends above the x-height of a font. bad break Refers to widows or orphans in text copy, or a break that does not make sense of the phrasing of a line of copy, causing awkward reading. baseline The imaginary line upon which text rests. Descenders extend below the baseline. Also known as the "reading line." The line along which the bases of all capital letters (and most lowercase letters) are positioned. bleed An area of text or graphics that extends beyond the edge of the page. Commercial printers usually trim the paper after printing to create bleeds. body type The specific typeface that is used in the main text break The place where type is divided; may be the end of a line or paragraph, or as it reads best in display type. bullet A typeset character (a large dot or symbol) used to itemize lists or direct attention to the beginning of a line. (See dingbat.) cap height The height of the uppercase letters within a font. (See also cap line.) caps and small caps The typesetting option in which the lowercase letters are set as small capital letters; usually 75% the height of the size of the innercase. Typographic Terms character A symbol in writing. A letter, punctuation mark or figure. character count An estimation of the number of characters in a selection of type.
    [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]
  • INTERNATIONAL TYPEFACE CORPORATION, to an Insightful 866 SECOND AVENUE, 18 Editorial Mix
    INTERNATIONAL CORPORATION TYPEFACE UPPER AND LOWER CASE , THE INTERNATIONAL JOURNAL OF T YPE AND GRAPHI C DESIGN , PUBLI SHED BY I NTE RN ATIONAL TYPEFAC E CORPORATION . VO LUME 2 0 , NUMBER 4 , SPRING 1994 . $5 .00 U .S . $9 .90 AUD Adobe, Bitstream &AutologicTogether On One CD-ROM. C5tta 15000L Juniper, Wm Utopia, A d a, :Viabe Fort Collection. Birc , Btarkaok, On, Pcetita Nadel-ma, Poplar. Telma, Willow are tradmarks of Adobe System 1 *animated oh. • be oglitered nt certain Mrisdictions. Agfa, Boris and Cali Graphic ate registered te a Ten fonts non is a trademark of AGFA Elaision Miles in Womb* is a ma alkali of Alpha lanida is a registered trademark of Bigelow and Holmes. Charm. Ea ha Fowl Is. sent With the purchase of the Autologic APS- Stempel Schnei Ilk and Weiss are registimi trademarks afF mdi riot 11 atea hmthille TypeScriber CD from FontHaus, you can - Berthold Easkertille Rook, Berthold Bodoni. Berthold Coy, Bertha', d i i Book, Chottiana. Colas Larger. Fermata, Berthold Garauannt, Berthold Imago a nd Noire! end tradematts of Bern select 10 FREE FONTS from the over 130 outs Berthold Bodoni Old Face. AG Book Rounded, Imaleaa rd, forma* a. Comas. AG Old Face, Poppl Autologic typefaces available. Below is Post liedimiti, AG Sitoploal, Berthold Sr tapt sad Berthold IS albami Book art tr just a sampling of this range. Itt, .11, Armed is a trademark of Haas. ITC American T}pewmer ITi A, 31n. Garde at. Bantam, ITC Reogutat. Bmigmat Buick Cad Malt, HY Bis.5155a5, ITC Caslot '2114, (11 imam.
    [Show full text]
  • 2.1 Typography
    Working With Type FUN ROB MELTON BENSON POLYTECHNIC HIGH SCHOOL WITH PORTLAND, OREGON TYPE Points and picas If you are trying to measure something very short or very thin, then inches are not precise enough. Originally English printers devised picas to precisely measure the width of type and points to precise- ly measure the height of type. Now those terms are used interchangeably. There are 12 points in one pica, 6 picas in one inch — or 72 points in one inch. This is a 1-point line (or rule). 72 of these would be one inch thick. This is a 12-point rule. It is 1 pica thick. Six of these would be one inch thick. POINTS PICAS INCHES Thickness of rules I Lengths of rules Lengths of stories I Sizes of type (headlines, text, IWidths of text, photos, cutlines, IDepths of photos and ads cutlines, etc.) gutters, etc. (though some publications use IAll measurements smaller than picas for photo depths) a pica. Type sizes Type is measured in points. Body type is 7–12 point type, while display type starts at 14 point and goes to 127 point type. Traditionally, standard point sizes are 14, 18, 24, 30, 36, 42, 48, 54, 60 and 72. Using a personal computer, you can create headlines in one-point increments beginning at 4 point and going up to 650 point. Most page designers still begin with these standard sizes. The biggest headline you are likely to see is a 72 pt. head and it is generally reserved for big stories on broadsheet newspapers.
    [Show full text]
  • LG Programmer’S Reference Manual
    LG Programmer’s Reference Manual Line Matrix Series Printers Trademark Acknowledgements ANSI is a registered trademark of American National Standards Institute, Inc. Code V is a trademark of Quality Micro Systems. Chatillon is a trademark of John Chatillon & Sons, Inc. Ethernet is a trademark of Xerox Corporation. IBM is a registered trademark of International Business Machines Corporation. IGP is a registered trademark of Printronix, LLC. Intelligent Printer Data Stream and IPDS are trademarks of International Business Machines Corporation. LinePrinter Plus is a registered trademark of Printronix, LLC. MS-DOS is a registered trademark of Microsoft Corporation. PC-DOS is a trademark of International Business Machines Corporation. PGL is a registered trademark of Printronix, LLC. PrintNet is a registered trademark of Printronix, LLC. Printronix is a registered trademark of Printronix, LLC. PSA is a trademark of Printronix, LLC. QMS is a registered trademark of Quality Micro Systems. RibbonMinder is a trademark of Printronix, LLC. Torx is a registered trademark of Camcar/Textron Inc. Utica is a registered trademark of Cooper Power Tools. Printronix, LLC. makes no representations or warranties of any kind regarding this material, including, but not limited to, implied warranties of merchantability and fitness for a particular purpose. Printronix, LLC. shall not be held responsible for errors contained herein or any omissions from this material or for any damages, whether direct, indirect, incidental or consequential, in connection with the furnishing, distribution, performance or use of this material. The information in this manual is subject to change without notice. This document contains proprietary information protected by copyright. No part of this document may be reproduced, copied, translated or incorporated in any other material in any form or by any means, whether manual, graphic, electronic, mechanical or otherwise, without the prior written consent of Printronix, LLC.
    [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]