ON the WORLD WIDE WEB the Various Opportunities of Web Font Services

Total Page:16

File Type:pdf, Size:1020Kb

ON the WORLD WIDE WEB the Various Opportunities of Web Font Services MEDIA TECHNOLOGY TYPEFACES ON THE WORLD WIDE WEB the various opportunities of web font services First Bachelor Thesis Completed by Lisa Maria Gringl mt101028 From the St. Pölten University of Applied Sciences Media Technology degree course Under the supervision of Mag. Jochen ELIAS St. Pölten, on _________________________________________ (Signature Author) 1 Declaration the attached research paper is my own, original work undertaken in partial fulfillment of my degree. I have made no use of sources, materials or assistance other than those which have been openly and fully acknowledged in the text. If any part of another person’s work has been quoted, this either appears in inverted commas or (if beyond a few lines) is indented. Any direct quotation or source of ideas has been identified in the text by author, date, and page number(s) immediately after such an item, and full details are provided in a reference list at the end of the text. I understand that any breach of the fair practice regulations may result in a mark of zero for this research paper and that it could also involve other repercussions. St. Pölten, on _________________________________________ (Signature Author) 2 Table of Contents Abstract 5 English 5 German 5 Introduction 6 The most important terms 6 Webfonts 1.0 6 most safe 6 Windows/Macintosh 6 cross plattform 6 Webfonts 2.0 7 Antialiasing 7 Hinting 7 Type/font foundry 7 Webfont services 7 Subpixel rendering 7 @font-face 8 Browser support 8 IE difficulties @font-face 9 Local 9 Font-size-adjust 10 Fallback 10 Digital Font readability 10 Readability or legibility? 10 Spacing 10 Current webfont formats 11 True Type 11 Open Type 11 EOT 11 WOFF 11 SVG 11 Webfont Licensing 12 EULA 12 Linking or Embedding? 12 Webfont services 13 Google Webfonts 13 Numbers and facts 13 Service 13 Usage 13 Speed & Features 13 Font compression 14 Typekit 14 Numbers and facts 14 Service 14 3 Usage 15 Speed & Features 15 Fontsquirrel and Frontspring 15 Service 15 Usage 16 Speed & Features 16 Webtype 16 Numbers and Facts 16 Service 16 Usage 16 Speed & Features 16 Reading Edge 17 Hinting 17 Influence of high-resolution displays for web font services 17 Experiment 17 Findings 18 Result 18 Conclusion 19 Future prospects 19 References 20 Additional literature 21 Table of Figures 22 4 Abstract English German This thesis deals with the different opportunities Diese Arbeit behandelt die vielen unterschied- of web fonts under the aspect of web font services. lichen Möglichkeiten der Webfonts bezüglich der Anti-aliasing, font-hinting and subpixel rendering Webfont Services. Anti-aliasing, Font-Hinting und are important features which can improve the dis- Subpixel Rendering sind wichtige Methoden um die play and readability of a font a lot. Moreover, there Darstellung und die Leserlichkeit einer Schrift zu ver- are many different font formats that are being used bessern. Außerdem gibt es viele verschiedene Schrift- to avoid browser quirks. These different formats all formate, welche benutzt werden, um die Browserei- have their own features and characteristics. One of genarten zu umgehen. Diese verschiedenen Formate the reasons why there are so many different font for- haben alle ihre Besonderheiten und Eigenschaften. mats, and not only one standard, is the difficulty of Einer der Gründe für die vielen Schriftformate und licensing on webfonts. While some foundries allow keinem einheitlichen Standard ist die Schwierigkeit a certain kind of online use, others forbid it strict- der Schriftlizensierung. Während einige Foundries ly. Since the re-introduction of the @font-face rule die Benutzung ihrer Schriften im Web erlauben, ver- many services got established to distribute and/or bieten es andere wiederum strikt. Seit der Wiederein- host the webfonts, these services are called webfont führung der @font-face Regel 2009 wurde viele Un- services. Each of these tries to provide special fea- ternehmen gegründet die Schriften vertreiben oder/ tures to the developers in order to get them use their und hosten. Diese Unternehmen werden als Webfont font-services. With the introduction of the iPad3, the Services bezeichnet. Jeder dieser Services versucht, high-resolution displays were revolutionized. Like spezielle Angebote zu Verfügung zu stellen um mehr the iPhone4 and 4S the iPad3 has a retina display and Kunden zu bekommen. Mit der Einführung des iPad3 an amazing resolution. These high-resolution de- von Apple wurden die hochauflösenden Displays re- vices feature specific characteristics, which have in- volutioniert. Neben dem Retina Display, welches fluenced developers and webfont services. Summing auch iPhone4 und iPhone4S besitzen, hat das iPad3 up, the next web font standard should be a font for- zusätzlich eine noch nie dagewesene Auflösung. Die- mat that makes licensing easy to handle and can be se hochauflösenden Displays haben besondere Ei- displayed in all browsers and devices. genschaften, welche die Entwickler sowie die Web- font Services beeinflussen. Zusammenfassend sollte der Webfont Standard also ein Schriftformat sein, welches die Lizensierung leicht macht und in allen Browsern und allen Geräten dargestellt werden kann. 5 The most important terms Webfonts 1.0 In the early 90s Microsoft and other companies Introduction introduced and designed a few web save fonts, inclu- ding Veranda and Georgia. These fonts were espe- In the past the situation with typography on the cially created and improved for the web. Unfortuna- web was described ‚like a desert’ by David Wurtz, tely the web designer was very limited in typography Product manager from Google. There weren’t a lot at that time. Furthermore these web-save fonts must of possibilities to use type on the WWW. Of course, be installed on the user’s system. There are some dif- there were ugly workarounds like images or flash ferences between Mac, Windows and other operating plugins, but these workarounds brought along some Systems. A list of web-save fonts: 3 disadvantages. In case of image replacement there is no semantic code any more. Moreover the content is not selectable which is very annoying to users if they want to copy something out of the HTML document. most safe Furthermore, the text is not zoomable. The problem with flash is obvious – the users have to install a plu- Arial/Helvetica gin in their browser. In consideration of the fact that Times New Roman/Times every website has at the maximum 10 seconds to con- Courier New/Courier vince the user to stay, the effort to install a new plugin will be too big for the average user1. Additionally, the Windows/Macintosh future of the WWW shows a trend to mobile devices and in large part of them flash is not supported and 2 Arial Black won’t be in the future. Comic Sans Georgia Trebuchet With the reintroduction of the @font-face rule Verdana in 2009 the latest browsers started to support the Lucida Grande/Lucida Sans rule and enable to embed theoretically every font you Tahoma want on you website. Theoretically therefore because there are of course some problems and facts that must be mentioned. In the next chapters I will exp- cross platform lain these points in detail: the different font file for- mats, font hosting, browser quirks and licensing. This Palatino thesis tries to answer if there already exists a webfont Garamond standard or if there will be one in the near future. To Bookman understand the following work the next chapter is Avant Gard about the most important terms. 1 Nielsen, „How Long Do Users Stay on Web Pages?“. 3 Lupton, Thinking with type a critical guide 2 Google I/O 2011 for designers, writers, editors, & students. p.72 . 02:20 - 04:40 6 Webfonts 2.0 the same system but in other applications. Hinting is a way to align letterforms to the pixel grid and a key Webfonts are all kind of fonts which can be em- to get good type in windows.7 bedded since the re-introduction of the @font-face rule. The official webfont format is the WOFF, which is defined in the W3C draft. Because until now it has Type/font foundry only been a draft, there are also other font formats that can be used as webfonts. The WebFont working A company which designs and/or distributes draft includes the client-side font matching, font syn- typefaces, is called a type foundry. Under William thesis; progressive rendering is enabled and fonts can Caxton London became the centre of press printing be downloaded from the web. Every user agent has industry. At the same time type foundries were esta- a “font database”. The new CSS model allows the de- blished. The service became especially important du- veloper to append his own settings to the font. The ring this time when education got amenable to all. In user agent finds the font that fits best and gets the those days type foundries handled with wood or me- font from a local system or via the web.4 tal typefaces, designed to print on a letterpress, whe- reas today, font foundries circulate digitalized fonts from type designers and might offer own type design Antialiasing services. On the screen fonts are displayed with pixels. Therefore the font does not look perfect because pi- Webfont services xels cannot exactly display the outline curves of a font. The smaller a font is displayed the worse the re- Since the re-introduction of the @font-face rule sult will be because there are fewer pixels to produce a new market has opened. The idea for this market the font. Therefore for screen design the size of the was offering fonts for web use, especially to support body copy should not be less than 12 pt. Furthermo- companies to improve their corporate identity on the re anti-aliasing improves the digital font essentially.
Recommended publications
  • Increasing Image Resolution on Portable Displays by Subpixel Rendering – a Systematic Overview
    SIP (2012),vol.1,e1,page1of10©TheAuthors,2012. The online version of this article is published within an Open Access environment subject to the conditions of the Creative Commons Attribution-NonCommercial-ShareAlike license <http://creativecommons.org/licenses/by-nc-sa/3.0/>. The written permission of Cambridge University Press must be obtained for commercial re-use. doi:10.1017/ATSIP.2012.3 overview paper Increasing image resolution on portable displays by subpixel rendering – a systematic overview lu fang1,2,oscarc.au1,ketantang1 and xing wen1 Many of portable devices such as smart phones, portable multimedia players (PMP), and digital single-lens reflex (DSLR) cam- eras are capable of capturing high-resolution images (e.g. 10 mega-pixel in DSLR) or even video. The limited battery power supply in the portable devices often prevents these systems to use high-power large liquid crystal display (LCD). Instead, the portable devices often have a LCD screen with small physical size (e.g. 3cm× 2cmforSmartphoneorDSLR)andwithmuch lower pixel resolution (e.g. 0.15 mega-pixel for 480 × 320 display) than actual image/video resolution. Thus, the high-resolution image and video are down-sampled before being displayed. Unfortunately, the anti-aliasing filter often leads to rather severe blurring. Although the blurring may be minor when the viewing distance is large, it can be rather disturbing in portable appli- cations due to the short viewing distance. To cope with the blurring problem, one possible solution is to use an LCD screen with higher resolution. But such hardware solution tends to be expensive and often not welcomed by the consumer electronic compa- nies.Anotherpossiblesolutionistocontinuetousethelow-resolutionLCDscreen,butusesomesoftwaretechniquetoenhance the apparent image/video resolution.
    [Show full text]
  • Handel Gothic Free Font Download Handel Gothic Light Font
    handel gothic free font download Handel Gothic Light Font. Use the text generator tool below to preview Handel Gothic Light font, and create appealing text graphics with different colors and hundreds of text effects. Font Tags. Search. :: You Might Like. About. Font Meme is a fonts & typography resource. The "Fonts in Use" section features posts about fonts used in logos, films, TV shows, video games, books and more; The "Text Generator" section features simple tools that let you create graphics with fonts of different styles as well as various text effects; The "Font Collection" section is the place where you can browse, filter, custom preview and download free fonts. Frequently Asked Questions. Can I use fonts from the Google Fonts catalog on any page? Yes. The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it’s commercial or personal. Search queries may surface results from external foundries, who may or may not use open source licenses. Should I host fonts on my own website’s server? We recommend copying the code snippets available under the "Embed" tab in the selection drawer directly into your website’s HTML and CSS. Read more about the performance benefits this will have in the “Will web fonts slow down my page?” section below. Can I download the fonts on Google Fonts to my own computer? Yes. To download fonts, simply create a selection of fonts, open the drawer at the bottom of the screen, then click the "Download" icon in the upper-right corner of the selection drawer.
    [Show full text]
  • 0321722132.Pdf
    Stunning CSS3: A project-based guide to the latest in CSS Zoe Mickley Gillenwater New Riders 1249 Eighth Street Berkeley, CA 94710 (510) 524-2178 Fax: (510) 524-2221 Find us on the Web at www.newriders.com To report errors, please send a note to [email protected] New Riders is an imprint of Peachpit, a division of Pearson Education Copyright © 2011 by Zoe Gillenwater Acquisitions Editor: Wendy Sharp Production Editor: Hilal Sala Project/Copy Editor: Wendy Katz Technical Editor: Chris Mills Cover design: Charlene Charles-Will Interior design: Mimi Heft, Charlene Charles-Will Compositor: Danielle Foster Indexer: Emily Glossbrenner Notice of Rights All rights reserved. No part of this book may be reproduced or transmitted in any form by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission of the publisher. For information on getting permission for reprints and excerpts, contact [email protected]. Notice of Liability The information in this book is distributed on an “As Is” basis, without warranty. While every precaution has been taken in the preparation of the book, neither the author nor New Riders shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it. Trademarks Acrobat, Dreamweaver, Fireworks, and Photoshop are all trademarks or registered trade- marks of Adobe Systems, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks.
    [Show full text]
  • Web Typography │ 2 Table of Content
    Imprint Published in January 2011 Smashing Media GmbH, Freiburg, Germany Cover Design: Ricardo Gimenes Editing: Manuela Müller Proofreading: Brian Goessling Concept: Sven Lennartz, Vitaly Friedman Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Smashing Magazine is a well-respected international online publication for professional Web designers and developers. Our main goal is to support the Web design community with useful and valuable articles and resources, written and created by experienced designers and developers. ISBN: 978-3-943075-07-6 Version: March 29, 2011 Smashing eBook #6│Getting the Hang of Web Typography │ 2 Table of Content Preface The Ails Of Typographic Anti-Aliasing 10 Principles For Readable Web Typography 5 Principles and Ideas of Setting Type on the Web Lessons From Swiss Style Graphic Design 8 Simple Ways to Improve Typography in Your Designs Typographic Design Patterns and Best Practices The Typography Dress Code: Principles of Choosing and Using Typefaces Best Practices of Combining Typefaces Guide to CSS Font Stacks: Techniques and Resources New Typographic Possibilities with CSS 3 Good Old @Font-Face Rule Revisted The Current Web Font Formats Review of Popular Web Font Embedding Services How to Embed Web Fonts from your Server Web Typography – Work-arounds, Tips and Tricks 10 Useful Typography Tools Glossary The Authors Smashing eBook #6│Getting the Hang of Web Typography │ 3 Preface Script is one of the oldest cultural assets. The first attempts at written expressions date back more than 5,000 years ago. From the Sumerians cuneiform writing to the invention of the Gutenberg printing press in Medieval Germany up to today՚s modern desktop publishing it՚s been a long way that has left its impact on the current use and practice of typography.
    [Show full text]
  • Preservation with PDF/A (2Nd Edition)
    01000100 01010000 Preservation 01000011 with PDF/A (2nd Edition) 01000100 Betsy A Fanning 01010000 AIIM 01000011 01000100 DPC Technology Watch Report 17-01 July 2017 01010000 01000011 01000100 01010000 01000011 Series editors on behalf of the DPC Charles Beagrie Ltd. 01000100 Principal Investigator for the Series Neil Beagrie 01010000 01000011 © Digital Preservation Coalition 2017, Betsy A Fanning 2017, and AIIM 2017, unless otherwise stated ISSN: 2048-7916 DOI: http://dx.doi.org/10.7207/twr17-01 All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, or transmitted, in any form or by any means, without prior permission in writing from the publisher. The moral rights of the author have been asserted. First published in Great Britain in 2008 by the Digital Preservation Coalition. Second Edition 2017. Foreword The Digital Preservation Coalition (DPC) is an advocate and catalyst for digital preservation, ensuring our members can deliver resilient long-term access to digital content and services. It is a not-for-profit membership organization whose primary objective is to raise awareness of the importance of the preservation of digital material and the attendant strategic, cultural and technological issues. It supports its members through knowledge exchange, capacity building, assurance, advocacy and partnership. The DPC’s vision is to make our digital memory accessible tomorrow. The DPC Technology Watch Reports identify, delineate, monitor and address topics that have a major bearing on ensuring our collected digital memory will be available tomorrow. They provide an advanced introduction in order to support those charged with ensuring a robust digital memory, and they are of general interest to a wide and international audience with interests in computing, information management, collections management and technology.
    [Show full text]
  • Submit Login Macos Mojave Removes Subpixel Anti-Aliasing, Making
    Hacker News new | comments | show | ask | jobs | submit login MacOS Mojave removes subpixel anti-aliasing, making non-retina displays blurry (reddit.com) 215 points by laurentdc 6 hours ago | hide | past | web | favorite | 188 comments add comment ridiculous_fish 2 hours ago [-] ex-MacOS SWE here. Subpixel antialiasing is obnoxious to implement. It requires threading physical pixel geometry up through multiple graphics layers, geometry which is screen-dependent (think multi-monitor). It multiplies your glyph caches: glyph * subpixel offset. It requires knowing your foreground and background colors at render time, which is an unnatural requirement when you want to do GPU-accelerated compositing. There's tons of ways to fall off of the subpixel antialiased quality path, and there's weird graphical artifacts when switching from static to animated text, or the other way. What a pain! Nevertheless there's no denying that subpixel-AA text looks better on 1x displays. Everyone notices when it's not working, and macOS will look worse without it (on 1x displays). reply omarforgotpwd 0 minutes ago [-] "Listen guys the code for this is a mess. Can you just buy the new Macbook?" (love my latest gen Macbook Pro, but this is the classic problem with Apple's approach to product design) reply captainmuon 1 hour ago [-] Personally, I think that is moving in the wrong direction. This is the reason text looks bad on transformed HTML elements in browsers, or when you click a button on Windows and it tilts slightly. Text rendering should be aware of the (sub)pixels, even post-transform. While we're at it, this can apply to vector art, too.
    [Show full text]
  • HDR Image Analyzer HDR Monitoring Solution
    HDR Image Analyzer HDR Monitoring Solution Installation and Operation Guide Version 1.0 Published December 12, 2018 Notices Trademarks AJA® and Because it matters.® are registered trademarks of AJA Video Systems, Inc. for use with most AJA products. AJA™ is a trademark of AJA Video Systems, Inc. for use with recorder, router, software and camera products. Because it matters.™ is a trademark of AJA Video Systems, Inc. for use with camera products. CION®, Corvid Ultra®, lo®, Ki Pro®, KONA®, KUMO®, ROI® and T-Tap® are registered trademarks of AJA Video Systems, Inc. AJA Control Room™, KiStor™, Science of the Beautiful™, TruScale™, TruZoom™, V2Analog™ and V2Digital™ are trademarks of AJA Video Systems, Inc. All other trademarks are the property of their respective owners. Copyright Copyright © 2018 AJA Video Systems, Inc. All rights reserved. All information in this manual is subject to change without notice. No part of the document may be reproduced or transmitted in any form, or by any means, electronic or mechanical, including photocopying or recording, without the express written permission of AJA Video Systems, Inc. See "Colorfront Copyright Notices" on page 53 for more information. Contacting AJA Support When calling for support, have all information at hand prior to calling. To contact AJA for sales or support, use any of the following methods: Telephone +1.530.271.3190 FAX +1.530.271.3140 Web https://www.aja.com Support Email [email protected] Sales Email [email protected] HDR Image Analyzer v1.0 2 www.aja.com Contents Notices . .2 Trademarks . 2 Copyright . 2 Contacting AJA Support . 2 Chapter 1 – Introduction .
    [Show full text]
  • EPUB Export in Libreoffice Writer by Miklos Vajna Software Engineer at Collabora Productivity 2018-02-03
    EPUB export in LibreOffice Writer By Miklos Vajna Software Engineer at Collabora Productivity 2018-02-03 @CollaboraOffice www.CollaboraOffice.com About Miklos ● From Hungary ● More blurb: https://vmiklos.hu/ ● Google Summer of Code 2010/2011 ● Rewrite of the Writer RTF import/export ● Then full-time LibreOffice hacker, SUSE ● Now a contractor at Collabora FOSDEM 2018, Brussels | Miklos Vajna 2 / 20 EPUB export in LibreOffice Motivation ● EPUB is kind of the new PDF ● PDF is still nice on larger screens – Not going away ● Reflowable text is a hard requirement – E-readers and similar devices ● LibreOffice has great PDF support ● Native EPUB support would be nice ● LibreOffice 6.0 brings basic support FOSDEM 2018, Brussels | Miklos Vajna 4 / 20 Hyperlinks ● Clickable hyperlinks are now supported: ● To get there: ● Basic text support ● Set of character formatting attributes ● Same for paragraphs FOSDEM 2018, Brussels | Miklos Vajna 5 / 20 Table support ● Custom cell widths ● Custom row height ● Row span FOSDEM 2018, Brussels | Miklos Vajna 6 / 20 Image support ● Image borders ● Image captions ● To have this: ● Support various wrap types ● Multiple anchor types FOSDEM 2018, Brussels | Miklos Vajna 7 / 20 Font embedding ● File → Properties → Font → Embed to turn this on ● E.g. Calibre supports it nicely ● No font data manipulation ● Same format as ODF FOSDEM 2018, Brussels | Miklos Vajna 8 / 20 Cover images ● How Readium renders it: FOSDEM 2018, Brussels | Miklos Vajna 9 / 20 Export options ● Metadata and other tweaks: FOSDEM 2018, Brussels
    [Show full text]
  • Translate's Localization Guide
    Translate’s Localization Guide Release 0.9.0 Translate Jun 26, 2020 Contents 1 Localisation Guide 1 2 Glossary 191 3 Language Information 195 i ii CHAPTER 1 Localisation Guide The general aim of this document is not to replace other well written works but to draw them together. So for instance the section on projects contains information that should help you get started and point you to the documents that are often hard to find. The section of translation should provide a general enough overview of common mistakes and pitfalls. We have found the localisation community very fragmented and hope that through this document we can bring people together and unify information that is out there but in many many different places. The one section that we feel is unique is the guide to developers – they make assumptions about localisation without fully understanding the implications, we complain but honestly there is not one place that can help give a developer and overview of what is needed from them, we hope that the developer section goes a long way to solving that issue. 1.1 Purpose The purpose of this document is to provide one reference for localisers. You will find lots of information on localising and packaging on the web but not a single resource that can guide you. Most of the information is also domain specific ie it addresses KDE, Mozilla, etc. We hope that this is more general. This document also goes beyond the technical aspects of localisation which seems to be the domain of other lo- calisation documents.
    [Show full text]
  • “Det Är På Gott Och Ont” En Enkätundersökning Om Googles Insamling Av Användardata
    KANDIDATUPPSATS I BIBLIOTEKS- OCH INFORMATIONSVETENSKAP AKADEMIN FÖR BIBLIOTEK, INFORMATION, PEDAGOGIK OCH IT 2020 “Det är på gott och ont” En enkätundersökning om Googles insamling av användardata OLIVIA BÄCK SOFIA HERNQVIST © Författaren/Författarna Mångfaldigande och spridande av innehållet i denna uppsats – helt eller delvis – är förbjudet utan medgivande. Svensk titel: “Det är på gott och ont”: En enkätundersökning om Googles insamling av användardata Engelsk titel: “It’s for better and for worse”: A survey about Google’s collection of user data Författare: Olivia Bäck & Sofia Hernqvist Färdigställt: 2020 Abstract: This study focuses on Google’s user agreements and how students within the field of library and information science at the University of Borås are perceiving and relating to these agreements. User agreements are designed as contracts which makes the user data available for Google, but also for the user to protect his or her personal integrity. A problem recent studies show is that few internet users read these agreements and don’t know enough about what Google collect and do with their user data. In this study the concept of surveillance capitalism is used to describe how Google has become a dominant actor on a new form of market. This market is partly formed by Google’s business model which turns user data into financial gain for the company. It is discussed in recent studies that this form of exploitation of user data is problematic and is intruding on people’s personal integrity. The theoretical framework was constructed from theories that social norms influence human behaviour which makes people sign the agreements without reading them.
    [Show full text]
  • Download It Here
    Time to Show and Tell Neal Stephenson likens operating systems to cars. In his analogy, Windows is a station wagon and Mac OS is an expensive, attractive European-style car. The two are available in dealerships, along with all the normal service options. Linux, on the other hand, is a tank. Not only a tank, but a free one. It's a stronger, faster, more reliable vehicle with a personal approach to maintenance. But it doesn't have a dealership or ad budget. Libre Graphics is in a similar situation. It's strong, fast, reliable and even diverse. It has great community support and investment. And like Stephenson's tanks, it's being cranked out and offered to anyone who will take it. Both the Libre Graphics Meeting and this magazine exist to serve the Libre Graphics community. LGM, now in its fifth year, has been a venue for developers to meet, organize and work. In this magazine, we present to you the output of that work. Libre Graphics #0 showcases the work of developers, users, artists and people with any number of other titles. Some do performance art, some make films. In common, they have Libre Graphics. Why make new fonts? Dave Crossland (www.understandingfonts.com) "Why make new fonts?" is the most common question I have been asked since I set out to become a typeface designer. When I mention I did a Masters degree in the subject, at the University of Reading, England, I sometimes meet genuine surprise that this subject is studied seriously. Often, people haven't ever thought about where fonts come from, since the fonts on their computer are just there, you know? We see different fonts out in the world constantly, so we all know there sure are a lot of them.
    [Show full text]
  • Quickstart Guide
    Fonts Plugin Quickstart Guide Page 1 Table of Contents Introduction 3 Licensing 4 Sitewide Typography 5 Basic Settings 7 Advanced Settings 10 Local Hosting 13 Custom Elements 15 Font Loading 18 Debugging 20 Using Google Fonts in Posts & Pages 21 Gutenberg 22 Classic Editor 25 Theme & Plugin Font Requests 27 Troubleshooting 28 Translations 29 Page 2 Welcome! In this Quickstart guide I’m going to show you how you can use Google Fonts to easily transform the typography of your website. By the time you reach the end of this guide, you will be able to effortlessly customize the typography of your website. You will be able to customise the entire website at once, select certain elements, or home in on a single sentence or paragraph. If at any point you get stuck or have a question, we are always available and happy to help via email ([email protected]). Page 3 Licensing Google Fonts uses an Open Source license which permits the fonts to be used in both personal and commercial projects without requiring payment or attribution. Yes. The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it’s commercial or personal. https://developers.google.com/fonts/faq In contrast, when searching Google Fonts you may come across fonts that are not part of Google Fonts. These belong to “external foundries” and are not Open Source or free to use. Page 4 Sitewide Typography First, we are going to look at how to customize the typography of your entire website at once.
    [Show full text]