Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth 1

Total Page:16

File Type:pdf, Size:1020Kb

Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth 1 Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth 1 Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth Where should I get my fonts? There is no wrong or right answer. It depends on your needs. • Ease of use (how much CSS do you need/want to know/use? How easy is the interface?) • Control/ownership (do you or your client want to own the font license?) • Cost • Quality • Availability of specific fonts (do you or your client need a specific font?) • Availability of desktop fonts for mock-ups • Screenshots of how fonts work cross browser Web font providers in alphabetical order (leaving out those with confusing interfaces and pricing plans): Self Host? Host on Desktop fonts Screenshots Pricing Fee Free Trial their for mock-ups of fonts cross Schedule available? server? provided? browser? Fontdeck No Yes No No Pay per font. Example: Din Text Pro Annual Yes (each weight/style charged separate- ly) $12.50/year. (1m page views) Fonts.com Yes, with Yes Yes, with Pro Yes Standard plan (500,000 monthly Monthly Yes Pro Plan Plan page views) is $20/mo. Pro plan is $100/mo. FontSpring Yes No Yes (otf) No Purchase font licenses. A full One Free fonts family (3–14 weights and styles) Time available costs $0–$300. Fee FontSquirrel Yes No Yes (otf) No Free None Free Google Web Fonts Yes Yes Yes No Free None Yes Justanotherfoundry No Yes No No Each family (all weights and styles, Annual Yes 2gb/Month traffic) €19/year myfonts.com Yes No Yes, with Yes Futura (6 weights and styles) 10,000 One Yes higher plan monthly views $133.68. (500,000 Time monthly views $1,005.30, and they Fee throw in desktop font for 1–5 users) Typekit No Yes No Yes Plans start at $24.99/year. Port plan Annual Yes (500,000 page views) $49.99/year Typotheque Yes, for a Yes No No Purchase font licenses. Fedra Sans One Yes higher fee Screen (4 weights and styles) web Time font €78. Fee WebINK No Yes Yes (PShop No Pro plan (80,000 unique visitors) Annual Yes plug-in) $50/year Webtype Yes, for a Yes No No Per font. Example: 6 weights Annual Yes higher fee and styles of Gill Sans $480/year (500,000 monthly page views) Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth 2 How do I make sure a font is good? Good fonts are legible, can do the job at hand, and hold up cross browser. • Choose a font that retains legibility on screen (especially when setting text). • Make sure the font has all the weights and styles you need. • Test the font in context. See the font in a size, line-height, line-length similar to the final page. • Resource: Tim Brown’s Web Font Spec Sheet — webfontspecimen.com • Resource: test fonts from webINK on a page — www.webink.com/fontdropper • Resource: test fonts from Fontfont on a page — fontfonter.com/ • Test the font cross browser. Web fonts on macs tend to look thicker and fuzzier, while on pcs type looks thinner and jagged. Fonts that have not been hinted properly lose their structural form on different browsers and at different sizes. Do not choose a font without seeing how it will look on other browsers! • Resource: test fonts live cross browser — crossbrowsertesting.com • Resource: some font providers offer screenshots of fonts cross browser — typekit.com, fonts.com, myfonts.com • Resource: fonts that have been tested cross browser — goodwebfonts.com How do I make sure weights and styles work properly? First, always make sure your font has all the weights and styles you need. Then, set them up to work cross browser. • In google web fonts, avoid problems in ie 7 & 8 and Opera. Use a conditional comment to link to each font weight and style. • Example (serving Droid Serif from Google Web Fonts) In the head: <link href=’http://fonts.googleapis.com/css?family=Droid+Serif: 400,400italic,700,700italic’ rel=’stylesheet’ type=’text/css’> <!--[if IE]> <link href=’http://fonts.googleapis.com/css?family=Droid+Serif’ rel=’stylesheet’ type=’text/css’> <link href=’http://fonts.googleapis.com/css?family=Droid+Serif: 400italic’ rel=’stylesheet’ type=’text/css’> <link href=’http://fonts.googleapis.com/ css?family=Droid+Serif:700’ rel=’stylesheet’ type=’text/css’> <link href=’http://fonts.googleapis.com/ css?family=Droid+Serif:700italic’ rel=’stylesheet’ type=’text/css’> <![endif]--> • Resource: www.smashingmagazine.com/2012/07/11/avoiding-faux-weights-styles- google-web-fonts/#more-134528 Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth 3 • When setting text with the @font-face declaration, avoid problems in ie 7 & 8. Use both unique font-family names and style-linking. • Example @font-face { font-family: ‘UbuntuLight’; src: url(‘Ubuntu-L-webfont.eot’); src: url(‘Ubuntu-L-webfont.eot?#iefix’) format(‘embedded-opentype’), url(‘Ubuntu-L-webfont.woff’) format(‘woff’), url(‘Ubuntu-L-webfont.ttf’) format(‘truetype’), url(‘Ubuntu-L-webfont.svg#UbuntuLight’) format(‘svg’); font-weight: 300; font-style: normal; } @font-face { font-family: ‘UbuntuLightItalic’; src: url(‘Ubuntu-LI-webfont.eot’); src: url(‘Ubuntu-LI-webfont.eot?#iefix’) format(‘embedded-opentype’), url(‘Ubuntu-LI-webfont.woff’) format(‘woff’), url(‘Ubuntu-LI-webfont.ttf’) format(‘truetype’), url(‘Ubuntu-LI-webfont.svg#UbuntuLightItalic’) format(‘svg’); font-weight: 300; font-style: italic; } .u300{ font-family: ‘UbuntuLight’, verdana, sans-serif; font-weight: 300; font-style: normal; } .u300i{ font-family: ‘UbuntuLightItalic’, verdana, sans-serif; font-weight: 300; font-style: italic; } • Resource: www.smashingmagazine.com/tag/typography/ What fonts are other people using? Resource: “What Font Tool” identifies fonts on the page — chengyinliu.com/whatfont.html Resource: “Just My Type” highlights some nice font pairs — daneden.me/type/ Finding, Testing, and Using Web Fonts Laura Franz, University of Massachusetts Dartmouth 4 How can I improve the readability of my site? Readers read in three ways. • Scanning with purpose • Casual reading • Sustained reading Readability is a factor of legibility, size, line-height, line-length, and chunking. • Legibility — larger x-height, open apertures, strokes not too thick or too thin, gener- ous counterforms. Help keep letters from filling in or blowing out cross browser. • Font-size — depends on the font. Smaller x-heights need to be bigger. 15px is a good starting point (people read screens at a greater distance and the text is back-lit). • Line-height (leading) — start at 150% font-size. Help readers scan horizontally across lines as well as down the text. Larger x-heights need more line-height. • Line length — 75 to 95 characters (including punctuation and spaces) per line. Avoid doubling (reading too-long lines twice) and choppy text (too-short lines). • Chunking — online text needs more visible chunking. Use paragraph spacing rather than indentation for text usually scanned. Good paragraph space is 66 to 75% of line height. • Hierarchy — online text needs slightly more contrast between levels of hierarchy. Example: make a subhead bold + 1 or 2 px bigger. Help readers find what they are scanning / looking for. Fallback fonts Always use fallback fonts. Otherwise you have no control over what font loads if web font fails. • Specify web safe fonts — usually Verdana/Arial or Georgia/Times New Roman. Others are Courier, Impact, Comic Sans, Trebuchet ms • Before the web safe font, you can specify a preferred font your readers are likely to have on their computer (e.g., Arial Black). • Test the fallback fonts. Trick: add “X” in font name so it fails. You might prefer one web safe font over another for copy fitting and hierarchy. • Fallback fonts won’t match chosen web font. Choose a font with similar structure. If web font doesn’t load, aim for readability (bulleted items above). Can your reader still easily find and read what they want or need? • Embrace flexibility. Everything doesn’t have to look the same all the time. This is not print. If web font doesn’t work and readers have to read text in Arial or Times New Roman, civilizations will not fall (see “The Rules of Typography According to Crack- pots Experts” by Jeffrey Keedy. Looking Closer 2, New York: Allworth Press, 1997) Additional Resources • Character Entity References —­ digitalmediaminute.com/reference/entity/index.php • @font-face syntax — www.fontspring.com/blog/further-hardening-of-the- bulletproof-syntax • Troubleshooting @font-face syntax — www.fontspring.com/support/troubleshooting.
Recommended publications
  • Ubuntu Kung Fu
    Prepared exclusively for Alison Tyler Download at Boykma.Com What readers are saying about Ubuntu Kung Fu Ubuntu Kung Fu is excellent. The tips are fun and the hope of discov- ering hidden gems makes it a worthwhile task. John Southern Former editor of Linux Magazine I enjoyed Ubuntu Kung Fu and learned some new things. I would rec- ommend this book—nice tips and a lot of fun to be had. Carthik Sharma Creator of the Ubuntu Blog (http://ubuntu.wordpress.com) Wow! There are some great tips here! I have used Ubuntu since April 2005, starting with version 5.04. I found much in this book to inspire me and to teach me, and it answered lingering questions I didn’t know I had. The book is a good resource that I will gladly recommend to both newcomers and veteran users. Matthew Helmke Administrator, Ubuntu Forums Ubuntu Kung Fu is a fantastic compendium of useful, uncommon Ubuntu knowledge. Eric Hewitt Consultant, LiveLogic, LLC Prepared exclusively for Alison Tyler Download at Boykma.Com Ubuntu Kung Fu Tips, Tricks, Hints, and Hacks Keir Thomas The Pragmatic Bookshelf Raleigh, North Carolina Dallas, Texas Prepared exclusively for Alison Tyler Download at Boykma.Com Many of the designations used by manufacturers and sellers to distinguish their prod- ucts are claimed as trademarks. Where those designations appear in this book, and The Pragmatic Programmers, LLC was aware of a trademark claim, the designations have been printed in initial capital letters or in all capitals. The Pragmatic Starter Kit, The Pragmatic Programmer, Pragmatic Programming, Pragmatic Bookshelf and the linking g device are trademarks of The Pragmatic Programmers, LLC.
    [Show full text]
  • Michael Sharpe
    294 TUGboat, Volume 38 (2017), No. 3 Interview: Michael Sharpe complex machinery, though I did spend a couple of years working as an assistant to a projectionist in David Walden the local movie theater during my high school years. DW : When you say \misspent on sport", what are you thinking of? MS: Because we moved regularly, I was motivated to focus on making new friends as quickly as possible, and sport was a good way to do it in that environ- ment. I played cricket, Australian Rules football and tennis. It was fortunate for my later career that I was not really good at any of them. DW : Were you already doing electronics things as a hobby and enjoying high school math and science before university? MS: I was not into electronics as a hobby, finding Michael Sharpe has been using TEX since the mid- the analog radio of those days not very interesting. 1980s. In more recent years he has been active in I did do well in sciences and math in high school. If the TEX fonts world. there had been computers available in those days, it may have been a different story. Dave Walden, interviewer: Please tell me a bit DW : What took you away from Australia and to about yourself. Yale for your Ph.D. work? Michael Sharpe, interviewee: I was born in Syd- MS: Just previous to my generation of college grad- ney, Australia in 1941. After 1945, my father joined uates in Australia, most students wanting to pursue the Commonwealth Public Service, which corresponds an advanced degree in sciences and engineering went in the US to the federal civil service, and moved fre- to Great Britain if they could manage it.
    [Show full text]
  • 4C24fb34-Ubuntu-Server-Guide.Pdf
    Introduction Welcome to the Ubuntu Server Guide! Download the Ubuntu server guide as a PDF. This is the preliminary and in development for the next Ubuntu LTS, Focal Fossa. Contents may have errors and omissions. Changes, Errors, and Bugs If you find any errors or have suggestions for improvements to pages, please use the link at thebottomof each topic titled: “Help improve this document in the forum.” This link will take you to the Server Discourse forum for the specific page you are viewing. There you can share your comments or let us know aboutbugs with each page. Support There are a couple of different ways that Ubuntu Server Edition is supported: commercial support and community support. The main commercial support (and development funding) is available from Canonical, Ltd. They supply reasonably- priced support contracts on a per desktop or per server basis. For more information see the Ubuntu Advantage page. Community support is also provided by dedicated individuals and companies that wish to make Ubuntu the best distribution possible. Support is provided through multiple mailing lists, IRC channels, forums, blogs, wikis, etc. The large amount of information available can be overwhelming, but a good search engine query can usually provide an answer to your questions. See the Ubuntu Support page for more information. Installation This chapter provides a quick overview of installing Ubuntu 20.04 Server Edition. For more detailed instruc- tions, please refer to the Ubuntu Installation Guide. Preparing to Install This section explains various aspects to consider before starting the installation. System Requirements Ubuntu 20.04 Server Edition provides a common, minimalist base for a variety of server applications, such as file/print services, web hosting, email hosting, etc.
    [Show full text]
  • Software Decode SDK for Android Developer Guide (En)
    SOFTWARE DECODE SDK FOR ANDROID DEVELOPER GUIDE SOFTWARE DECODE SDK FOR ANDROID DEVELOPER GUIDE 72E-162670-06 Revision A November 2016 ii Software Decode SDK for Android Developer Guide No part of this publication may be reproduced or used in any form, or by any electrical or mechanical means, without permission in writing from Zebra. This includes electronic or mechanical means, such as photocopying, recording, or information storage and retrieval systems. The material in this manual is subject to change without notice. The software is provided strictly on an “as is” basis. All software, including firmware, furnished to the user is on a licensed basis. Zebra grants to the user a non-transferable and non-exclusive license to use each software or firmware program delivered hereunder (licensed program). Except as noted below, such license may not be assigned, sublicensed, or otherwise transferred by the user without prior written consent of Zebra. No right to copy a licensed program in whole or in part is granted, except as permitted under copyright law. The user shall not modify, merge, or incorporate any form or portion of a licensed program with other program material, create a derivative work from a licensed program, or use a licensed program in a network without written permission from Zebra. The user agrees to maintain Zebra’s copyright notice on the licensed programs delivered hereunder, and to include the same on any authorized copies it makes, in whole or in part. The user agrees not to decompile, disassemble, decode, or reverse engineer any licensed program delivered to the user or any portion thereof.
    [Show full text]
  • INDICATORS) • a Tuple Containing All Allowed Vocabulary Terms: ALLOWED VALUES, Which Is Use for Input Validation
    python-stix Documentation Release 1.2.0.11 The MITRE Corporation November 16, 2020 Contents 1 Versions 3 2 Contents 5 2.1 Installation................................................5 2.2 Getting Started..............................................6 2.3 Overview.................................................8 2.4 Examples................................................. 13 2.5 APIs or bindings?............................................ 14 3 API Reference 17 3.1 API Reference.............................................. 17 3.2 API Coverage.............................................. 103 4 FAQ 107 5 Contributing 109 6 Indices and tables 111 Python Module Index 113 i ii python-stix Documentation, Release 1.2.0.11 Version: 1.2.0.11 The python-stix library provides an API for developing and consuming Structured Threat Information eXpression (STIX) content. Developers can leverage the API to develop applications that create, consume, translate, or otherwise process STIX content. This page should help new developers get started with using this library. For more information about STIX, please refer to the STIX website. Note: These docs provide standard reference for this Python library. For documentation on idiomatic usage and common patterns, as well as various STIX-related information and utilities, please visit the STIXProject at GitHub. Contents 1 python-stix Documentation, Release 1.2.0.11 2 Contents CHAPTER 1 Versions Each version of python-stix is designed to work with a single version of the STIX Language. The table below shows the latest version the library for each version of STIX. STIX Version python-stix Version 1.2 1.2.0.11 (PyPI)(GitHub) 1.1.1 1.1.1.18 (PyPI)(GitHub) 1.1.0 1.1.0.6 (PyPI)(GitHub) 1.0.1 1.0.1.1 (PyPI)(GitHub) 1.0 1.0.0a7 (PyPI)(GitHub) Users and developers working with multiple versions of STIX content may want to take a look at stix-ramrod, which is a library designed to update STIX and CybOX content.
    [Show full text]
  • Ubuntu Server Guide Basic Installation Preparing to Install
    Ubuntu Server Guide Welcome to the Ubuntu Server Guide! This site includes information on using Ubuntu Server for the latest LTS release, Ubuntu 20.04 LTS (Focal Fossa). For an offline version as well as versions for previous releases see below. Improving the Documentation If you find any errors or have suggestions for improvements to pages, please use the link at thebottomof each topic titled: “Help improve this document in the forum.” This link will take you to the Server Discourse forum for the specific page you are viewing. There you can share your comments or let us know aboutbugs with any page. PDFs and Previous Releases Below are links to the previous Ubuntu Server release server guides as well as an offline copy of the current version of this site: Ubuntu 20.04 LTS (Focal Fossa): PDF Ubuntu 18.04 LTS (Bionic Beaver): Web and PDF Ubuntu 16.04 LTS (Xenial Xerus): Web and PDF Support There are a couple of different ways that the Ubuntu Server edition is supported: commercial support and community support. The main commercial support (and development funding) is available from Canonical, Ltd. They supply reasonably- priced support contracts on a per desktop or per-server basis. For more information see the Ubuntu Advantage page. Community support is also provided by dedicated individuals and companies that wish to make Ubuntu the best distribution possible. Support is provided through multiple mailing lists, IRC channels, forums, blogs, wikis, etc. The large amount of information available can be overwhelming, but a good search engine query can usually provide an answer to your questions.
    [Show full text]
  • Advancements in Web Typography (Webfonts and WOFF)
    Advancements in Web Typography (WebFonts and WOFF) Aaron A. Aliño Graphic Communication Department California Polytechnic State University 2010 Advancements in Web Typography (WebFonts and WOFF) Aaron A. Aliño Graphic Communication Department California Polytechnic State University 2010 Table of Contents Chapter I: Introduction………………………………………………………….…………..2 Chapter II: Literature Review……………………………………………………….………5 Chapter III: Research Methods………………………………………………….…..…....18 Chapter IV: Results………………………………………………………………….……..24 Chapter V: Conclusions……………………………………………………………….…..38 References……………………………………………………………………………...…..41 1 Chapter I: Introduction When it comes to the control one has in designing and creating content for the World Wide Web, typography should be no different. Print designers have had the advantage for a long time over their ability to choose exactly how type is printed, limited only by their imagination and the mechanical limits of setting and printing type. Web designers, on the other hand, have been held back by the inherent hardware and software limitations associated with web design and font selection. What this means is that web designers have not been able to control type exactly the way they want. Web designers have been limited to fonts that can safely be displayed on most computers and web browsers. If web designers wanted to display type with a special font, they had to resort to a workaround that was not always effective. Web designers should have the same absolute control over typography as print designers. Control of web typography has gotten much better compared to the early days of web design, but 2 considering how powerful and robust computers and web browsers are now, it seems unfortunate that control over web typography is so primitive That has changed now.
    [Show full text]
  • Ultimate++ Forum It Higher Priority Now
    Subject: It's suspected to be an issue with Font. Posted by Lance on Fri, 18 Mar 2011 22:50:28 GMT View Forum Message <> Reply to Message The programs I used to compare are UWord from the UPP, and MS Word. The platform is Windows 7. The text I used to test is: The problem with U++ drawed text is that some characters are notably larger than others and some have incorrect horizontal displacement. Please see attached picture for a visual effect. I also encountered issue where chinese characters are displayed correctly displayed on Windows but are blank on Ubuntu. And when I copies the same text that was displayed as blank to, say gedit, the text displayed correctly as in Windows. That part I will attach picture in future. File Attachments 1) font problem.png, downloaded 650 times Subject: Re: It's suspected to be an issue with Font. Posted by mirek on Sun, 10 Apr 2011 12:42:52 GMT View Forum Message <> Reply to Message Lance wrote on Fri, 18 March 2011 18:50The programs I used to compare are UWord from the UPP, and MS Word. The platform is Windows 7. The text I used to test is: The problem with U++ drawed text is that some characters are notably larger than others and some have incorrect horizontal displacement. It works fine on my Windows 7. However, I believe that the problem is caused by font substitution mechanism and perhaps on your system, you have some font that takes precendence for some glyphs, but does not contain other characters.
    [Show full text]
  • Ubuntu Kung Fu.Pdf
    Prepared exclusively for J.S. Ash Beta Book Agile publishing for agile developers The book you’re reading is still under development. As part of our Beta book program, we’re releasing this copy well before we normally would. That way you’ll be able to get this content a couple of months before it’s available in finished form, and we’ll get feedback to make the book even better. The idea is that everyone wins! Be warned. The book has not had a full technical edit, so it will con- tain errors. It has not been copyedited, so it will be full of typos and other weirdness. And there’s been no effort spent doing layout, so you’ll find bad page breaks, over-long lines with little black rectan- gles, incorrect hyphenations, and all the other ugly things that you wouldn’t expect to see in a finished book. We can’t be held liable if you use this book to try to create a spiffy application and you somehow end up with a strangely shaped farm implement instead. Despite all this, we think you’ll enjoy it! Throughout this process you’ll be able to download updated PDFs from your account on http://pragprog.com. When the book is finally ready, you’ll get the final version (and subsequent updates) from the same address. In the meantime, we’d appreciate you sending us your feedback on this book at http://books.pragprog.com/titles/ktuk/errata, or by using the links at the bottom of each page.
    [Show full text]
  • Ubuntu Typography – a Guide
    Ubuntu Guide Ubuntu Typography – A Guide Ubuntu is the preferred typeface of Special Olympics. It should be used for informational communications produced by Special Olympics. What does the word “Ubuntu” mean? Ubuntu is a Nguni word which has no direct translation into English, but is used to describe a particular African worldview in which people can only find fulfillment through interacting with other people. Thus it represents a spirit of kinship across both race and creed which unites mankind to a common purpose. Archbishop Emeritus Desmond Tutu has said "Ubuntu is very difficult to render into a Western language…It is to say. 'My humanity is caught up, is inextricably bound up, in what is yours'…"1 Why has Ubuntu been chosen? Ubuntu has been chosen for clarity and accessibility both in print and on screen. It is available free of charge in a range of weights and styles. In what languages does Ubuntu appear? Ubuntu currently comes in a range of languages: Latin (Western), Greek & Cyrillic. Note: Arabic and Hebrew versions of Ubuntu are now under development. Please remember! If using Ubuntu typeface within Microsoft office documents (word/powerpoint) please note that these documents should only be shared with third parties or member of the public in PDF format. Otherwise Arial should be used in place of Ubuntu. Arial is available as standard on all PC and Mac computers. How can I access Ubuntu? Ubuntu is available as a free Mac or P.C. download at font.ubuntu.com Here are the steps to follow for a successful download: 1 No Future Without Forgiveness: A Personal Overview of South Africa's Truth and Reconciliation Commission, Desmond Tutu, © 2000.
    [Show full text]
  • Installation and Configuration Guide
    Installation and Configuration Guide SOGo v5.1.1 Table of Contents 1. About this Guide . 2 2. Introduction . 3 2.1. Architecture and Compatibility . 3 3. System Requirements . 6 3.1. Assumptions . 6 3.2. Minimum Hardware Requirements. 6 3.3. Operating System Requirements . 7 4. Installation . 9 4.1. Software Downloads . 9 4.2. Software Installation . 10 5. Configuration. 11 5.1. GNUstep Environment Overview . 11 5.2. Preferences Hierarchy . 11 5.3. General Preferences . 12 5.4. Authentication using LDAP. 24 5.5. LDAP Attributes Indexing . 31 5.6. LDAP Attributes Mapping . 32 5.7. Authenticating using C.A.S.. 33 5.8. Authenticating using SAML2 . 35 5.9. Database Configuration . 35 5.10. Authentication using SQL . 40 5.11. SMTP Server Configuration . 43 5.12. IMAP Server Configuration. 44 5.13. Web Interface Configuration . 47 5.14. SOGo Configuration Summary. 57 5.15. Multi-domains Configuration . 58 5.16. Apache Configuration . 60 5.17. Starting Services . 61 5.18. Cronjob — EMail reminders. 61 5.19. Cronjob — Vacation messages activation and expiration . 62 6. Managing User Accounts . 63 6.1. Creating the SOGo Administrative Account . 63 6.2. Creating a User Account . 63 7. Microsoft Enterprise ActiveSync . 65 8. Microsoft Enterprise ActiveSync Tuning . 68 9. S/MIME Support in SOGo . 70 10. Using SOGo. 71 10.1. SOGo Web Interface. 71 10.2. Mozilla Thunderbird and Lightning . 71 10.3. Apple Calendar (macOS, iOS, iPadOS). 72 10.4. Apple AddressBook . 72 10.5. Microsoft ActiveSync . 73 11. Upgrading . 74 12. Additional Information . 76 13. Commercial Support and Contact Information .
    [Show full text]
  • Web Type: the Next Big Thing NYC Web Design Meetup July 19, 2010
    Web Type: The Next Big Thing NYC Web Design Meetup July 19, 2010 Jaron J. Rubenstein Rubenstein Technology Group http://www.rubensteintech.com/ Overview Technology Licensing Foundries and Distributors Code Results Issues Conclusion References Copyright © 2010, Rubenstein Technology Group, Inc. All Rights Reserved. Evolution of Web Type Web Fonts – Arial, Times New Roman, etc. – Verdana, Georgia, Tahoma, Trebuchet MS, etc. Scalable Inman Flash Replacement (sIFR) – JavaScript/Flash text replacement – Requires Flash plugin – Limitations for animation, dynamic text, Cufón – Replaces text with VML (MSIE) or SVG (everything else) – Rather slow, complex, has some issues with text selection and screen rendering CSS and @font-face – Method of specifying and downloading fonts – Not “HTML5” , introduced in CSS2 in 1998, standardized in CSS3 – Works with MSIE4+, Firefox 3.5+, Safari 3.1+, Opera 10+ and Chrome 4.0+ – Specification: http://www.w3.org/TR/css3-fonts/#font-resources Copyright © 2010, Rubenstein Technology Group, Inc. All Rights Reserved. @font-face Font Formats TrueType (TTF) – Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+ Embedded OpenType (EOT) – Microsoft Internet Explorer 4+ Web Open Font Format (WOFF) – Firefox 3.6+, Internet Explorer 9+, Chrome 5+ Scalable Vector Graphics (SVG) – iPad and iPhone Scalable Vector Graphics, gzipped (SVGZ) – Compressed SVG files (via gzip compression) – iPad only Copyright © 2010, Rubenstein Technology Group, Inc. All Rights Reserved. Format Browser Compatibility Browser TrueType WOFF EOT SVG SVGZ MSIE 4 - 8 Yes MSIE 9 Soon Yes Firefox 3.5+ Yes Firefox 3.6+ Yes Yes Safari 3.1+ Yes Yes Yes Chrome 4+ Yes Soon Yes Yes Opera 10+ Yes Soon Yes Yes iPhone Yes iPad Yes Yes Source: http://www.fontspring.com/fontface Copyright © 2010, Rubenstein Technology Group, Inc.
    [Show full text]