DOCSLIB.ORG

CSS Typography 1 Fonts & Formatting

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
CSS Typography 1 Fonts & Formatting CSS Typography 1 Fonts & Formatting Group to whom I’m speaking ! R. Scott Granneman © 2007 R. Scott Granneman Last updated 20140320 You are free to use this work, with certain restrictions. For full licensing information, please see the last slide/page. 2 Basics 3 Types 4 Most basic: ! Serif Sans-serif Monospaced/Monospaced 5 Adobe Type Classifications www.adobe.com/type/browser/classifications.html 6 Adobe Originals Greek Sans Serif: Grotesque, ! ! Neo-Grotesque, Blackletter Hand-tooled, Inline, Geometric and Humanist ! Outline, Stencil ! Capitals ! Script ! Japanese ! Computer Related ! Slab Serif ! Mathematical ! Cyrillic ! Small Caps & Old Style ! Monospaced Figures Decorative & Display ! ! ! OpenType Pro Swash Didone (Modern) ! ! ! Opticals Symbol Expert Collection Ornamentals ! ! ! Transitional Garalde Oldstyle Phonetic ! ! ! Venetian Oldstyle Glyphic Serif font 7 commons.wikimedia.org/wiki/File:Serif_and_sans-serif_02.svg en.wikipedia.org/wiki/File:Serif_and_sans-serif_03.svg Serif font with serifs in red Sans-serif font 8 en.wikipedia.org/wiki/File:Typography_Line_Terms.svg 9 en.wikipedia.org/wiki/File:Typoghaphia.svg en.wikipedia.org/wiki/Typeface_anatomy 1 x-height 11 counter 2 ascender line 12 collar 3 apex 13 loop 4 baseline 14 ear 5 ascender 15 tie 6 crossbar 16 horizontal bar 7 stem 17 arm 8 serif 18 vertical bar 9 leg 19 cap height 10 bowl 20 descender line 10 Measure 11 Measure ! Length of a line of text ! Measure should be pleasing to the eye & facilitate reading 12 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 13 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 14 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 15 Shoot for between 40-80 characters, including spaces ! ~ 65 characters is ideal 16 Leading 17 Leading Space between lines of type ! Very important for readability 18 The longer the measure, the more leading is needed ! The larger the font, the less leading is needed 19 Leading of 0.8 ! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 20 Leading of 1.7 ! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. 21 Leading of 1.3 ! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 22 Rough rule of thumb: set leading 1.3 times your font size 23 * { font-family: Helvetica, sans-serif; font-size: 1em; line-height: 1.3; }" ! Same as: ! * {! font: 1em/1.3 Helvetica, sans-serif;! } 24 Scale 25 Don’t size text arbitrarily ! Use a scale for your fonts 26 The Classical Scale ! 6 7 8 9 10 11 12 14 16 18 21 24 36 48 60 72 27 Fibonacci sequence scale ! 8 13 21 34 55 89 28 The W3 provides a very usable, standard scale 29 <absolute-size> Scaling Factor HTML hx xx-large 2/1 h1 x-large 3/2 h2 large 6/5 h3 medium 1 h4 small 8/9 h5 x-small 3/4 xx-small 3/5 h6 30 body {font: 1em/1.3 "Lucida Grande";}" h1, h2, h3, h4, h5, h6 {font-family: Georgia;}" h1 {font-size: 200%;}" h2 {font-size: 150%;}" h3 {font-size: 120%;}" h4 {font-size: 100%;}" h5 {font-size: 89%;}" h6 {font-size: 60%;} 31 32 Typography & the Web 33 Operating System Defaults WINDOWS WINDOWS WINDOWS WINDOWS WINDOWS WINDOWS 34 95 98 2000 XP Vista 7 www.tlccreative.com/samples/OS_Fonts_by_TLC.pdf Fonts New Fonts New Fonts New Fonts New Fonts New Fonts Arial Abadi MT Condensed Light Comic Sans MS Estrangelo Edessa Cambria Gabriola Arial Bold Aharoni Bold Comic Sans MS Bold Franklin Gothic Medium Calibri Segoe Print Arial Bold Italic Arial Black Georgia Franklin Gothic Med. Italic Candara Segoe Print Bold Georgia Bold Arial Italic Book Antiqua Gautami Consolas Segoe Script Georgia Bold Italic Courier Calisto MT Kartika Constantina Segoe Script Bold Georgia Italic Courier New Century Gothic Impact Latha Corbel Segoe UI Light Courier New Bold Century Gothic Bold Mangal Lucida Console Nyala Segoe UI Semibold Courier New Bold Italic Century Gothic Bold Italic Microsof Sans Serif Lucida Sans Demibold Segoe UI Segoe UI Symbol Courier New Italic Century Gothic Italic Palatino Linotype Lucida Sans Demibold Italic Modern Comic San MS Palatino Linotype Bold Lucida Sans Unicode MS Sans Serif Comic San MS Bold Palatino Linotype Bld Italic Modern MS Serif Copperplate Gothic Bold Palatino Linotype Italic Mv Boli Roman Small Fonts Copperplate Gothic Light Plantagenet Cherokee Script Symbol Impact Raavi NOTE: Trebuchet MS Te new Vista fonts are the Times New Roman Lucida Console Trebuchet MS Bold Script newer cleartype format Times New Roman Bold Lucida Handwriting Italic Trebuchet MS Bold Italic Shruti designed for the new Vista Times New Roman Italic Lucida Sans Italic Trebuchet MS Italic Sylfaen display technology. Microsof Times New Roman Bld Italic Lucida Sans Unicode Wingdings Tunga designed these to become Wingdings Marlett Vrinda replacements for: Matisse ITC WST_Czec News Gothic MT WST_Engl Cambria = Georga and News Gothic MT Bold WST_Fren Times New Roman News Gothic MT Italic WST_Germ Calibri = Arial OCR A Extended WST_Ital Candara = Trebuchet MS and Tahoma WST_Span Helvetica Tahoma Bold WST_Swed Tempus Sans ITC Consolas = Lucidia Console Verdana and Courier New Verdana Bold Constantia = Georga and Verdana Bold Italic Palatino Verdana Italic Corbel = Verdana Webdings Provided by: Westminster 35 XP 133 Vista 191 7 235 8 278 36 10.5 Leopard 160 10.6 Snow Leopard 248 10.7 Lion 225 10.8 Mountain Lion 242 10.9 Mavericks 247 37 iPhone iPad 3 44 — 4 41 67 5 57 57 6 61 61 7 71 71 38 1-3 3 4 6 39 7 25 8 37 40 Web Browser Defaults 41 OS Browser Sans-serif Serif Mono Times New Arial Courier New Roman Times New Arial Courier New Roman Helvetica Times Courier sans-serif serif monospace 42 OS Browser Standard Fixed-Width Times New Courier New Roman Times Courier 43 OS Browser Sans-serif Serif Mono Times New Arial Courier New Roman Helvetica times-roman Courier sans serif monospace 44 Microsoft’s Core Fonts for the Web 45 Provided by Microsoft royalty-free 1996-2002 ! Still legally available all over the Web & on all Macs 46 Not included in Windows en.wikipedia.org/wiki/File:AndaleMono.svg since Windows ME in 2000 ! Pretty good monospace font 47 Still included on Windows en.wikipedia.org/wiki/File:ArialMTsp.svg ! Inferior knock-off of Helvetica 48 Still included in Windows en.wikipedia.org/wiki/File:ComicSansSpec3.svg (why?!?) ! Never use Comic Sans 49 50 Actually Courier New en.wikipedia.org/wiki/File:Courier.svg ! Inferior version of Courier ! Still included in Windows 51 Still included en.wikipedia.org/wiki/File:GeorgiaSpecimenAIB.svg with Windows ! Decent if over-used serif 52 Still included with Windows 53 Still included in Windows en.wikipedia.org/wiki/File:Times_New_Roman-sample.svg ! OK for print; horrible for screens 54 55 Still included in Windows en.wikipedia.org/wiki/File:TrebuchetMS_SP.svg ! 56 Still included in Windows en.wikipedia.org/wiki/File:VerdanaSpecimen.svg 57 Still included in Windows en.wikipedia.org/wiki/File:Webdings-big.png 58 Microsoft ClearType Font Collection 59 Introduced with: ! » Windows Vista » Office 2007 for Windows » Office 2008 for Mac OS X 60 Default body type face in Word, Excel, PowerPoint, & Outlook since Office 2007 61 Default header type face in Word, Excel, PowerPoint, & Outlook since Office 2007 62 63 Monospaced font ! Licensed by Bare Bones as the default in BBEdit 64 65 66 Font Properties 67 font-size" ! line-height" ! font-style" ! font-variant" ! font-weight" ! font-family 68 font-size 69 Specify size using ! <absolute-size>" <relative-size>" <length>" <percentage> 70 <absolute-size> Scaling Factor HTML hx xx-large 2/1 h1 x-large 3/2 h2 large 6/5 h3 medium 1 h4 small 8/9 h5 x-small 3/4 xx-small 3/5 h6 71 <relative-size>" ! larger" smaller 72 <length>" Fixed size measured in units that are » Font-relative » Viewport-percentage » Absolute 73 Originally width of capital M em Now the point size of the font x-height of font ex 1ex ≈ 0.5em ch Width of 0 (zero) “root em” rem Font-size of root element 74 vh 1/100th of the viewport’s height vw 1/100th of the viewport’s width 1/100th of the minimum value vmin between the viewport’s height & width 1/100th of the maximum value vmax between the viewport’s height & width 75 px 96 pixels per inch mm 1 millimeter cm 1 centimeter = 10 mm in 1 inch = 2.54 cm pt 1 point = 1/72 in pc 1 pica = 12 pt 76 <percentage>" Relative to parent’s
Load more

Recommended publications
  • The French Communist Party and the Algerian
    THE FRENCH COMMUNIST PARTY AND THE ALGERIAN WAR Also by Daniele Joly IMMIGRANT ASSOCIATIONS IN EUROPE (editor with John Rex and Czarina Witpert) RELUCTANT HOSTS: EUROPE AND ITS REFUGEES (editor with Rnbin Cohen) The French COlDlDunist Party and the Algerian War Daniele J oly Senior Research Fellow University of Warwick Palgrave Macmillan ISBN 978-1-349-21289-7 ISBN 978-1-349-21287-3 (eBook) DOI 10.1007/978-1-349-21287-3 All rights reserved. For information, write: Scholarly and Reference Division, St. Martin's Press, Inc., 175 Fifth Avenue, New York, N.Y. 10010 Softcover reprint of the hardcover 1st edition 1991 First published in the United States of America in 1991 Phototypeset by Input Typesetting Ltd, London Library of Congress Cataloging-in-Publication Data Joly, Daniele The French Communist Party and the Algerian War/Daniele Joly. p. em. Includes bibliographical references. ISBN 978-0-312-04211-0 I. Algeria-History-Revolution, 1954--1962-Public opinion. 2. Parti communiste fran<;;ais. 3. Communists-France-Attitudes. 4. Public opinion-France. I. Title. DT295.J63 1991 90-34612 965' .04-dc20 CIP Contents Glossary vi Preface IX Acknowledgements xiv Introduction xv Algeria under French Colonisation 1 2 The PCF and the Colonial Question: A Historical Perspective 20 3 The PCF, the International Situation and the Algerian War 42 4 The French Nation 55 5 The PCF and the Algerian Nation 68 6 France's Military Involvement in Algeria: The PCF and the Oppositionnels 100 7 Synthesis on the Opposition 130 Conclusion Notes and References 149 Bibliography 165 Index 176 v Glossary VOCABULARY Appeles The French army is composed of conscripts and professionals.
    [Show full text]
  • Supreme Court of the State of New York Appellate Division: Second Judicial Department
    Supreme Court of the State of New York Appellate Division: Second Judicial Department A GLOSSARY OF TERMS FOR FORMATTING COMPUTER-GENERATED BRIEFS, WITH EXAMPLES The rules concerning the formatting of briefs are contained in CPLR 5529 and in § 1250.8 of the Practice Rules of the Appellate Division. Those rules cover technical matters and therefore use certain technical terms which may be unfamiliar to attorneys and litigants. The following glossary is offered as an aid to the understanding of the rules. Typeface: A typeface is a complete set of characters of a particular and consistent design for the composition of text, and is also called a font. Typefaces often come in sets which usually include a bold and an italic version in addition to the basic design. Proportionally Spaced Typeface: Proportionally spaced type is designed so that the amount of horizontal space each letter occupies on a line of text is proportional to the design of each letter, the letter i, for example, being narrower than the letter w. More text of the same type size fits on a horizontal line of proportionally spaced type than a horizontal line of the same length of monospaced type. This sentence is set in Times New Roman, which is a proportionally spaced typeface. Monospaced Typeface: In a monospaced typeface, each letter occupies the same amount of space on a horizontal line of text. This sentence is set in Courier, which is a monospaced typeface. Point Size: A point is a unit of measurement used by printers equal to approximately 1/72 of an inch.
    [Show full text]
  • Cloud Fonts in Microsoft Office
    APRIL 2019 Guide to Cloud Fonts in Microsoft® Office 365® Cloud fonts are available to Office 365 subscribers on all platforms and devices. Documents that use cloud fonts will render correctly in Office 2019. Embed cloud fonts for use with older versions of Office. Reference article from Microsoft: Cloud fonts in Office DESIGN TO PRESENT Terberg Design, LLC Index MICROSOFT OFFICE CLOUD FONTS A B C D E Legend: Good choice for theme body fonts F G H I J Okay choice for theme body fonts Includes serif typefaces, K L M N O non-lining figures, and those missing italic and/or bold styles P R S T U Present with most older versions of Office, embedding not required V W Symbol fonts Language-specific fonts MICROSOFT OFFICE CLOUD FONTS Abadi NEW ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Abadi Extra Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic or bold styles provided. Agency FB MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Agency FB Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Note: No italic style provided Algerian MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ 01234567890 Note: Uppercase only. No other styles provided. Arial MICROSOFT OFFICE CLOUD FONTS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 Arial Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
    [Show full text]
  • Typography One Typeface Classification Why Classify?
    Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers), 2. reference type (educators, students, designers, scholars) Approximately 250,000 digital typefaces are available today— Even with excellent search engines, a common system of description is a big help! classification systems Many systems have been proposed Francis Thibaudeau, 1921 Maximillian Vox, 1952 Vox-ATypI, 1962 Aldo Novarese, 1964 Alexander Lawson, 1966 Blackletter Venetian French Dutch-English Transitional Modern Sans Serif Square Serif Script-Cursive Decorative J. Ben Lieberman, 1967 Marcel Janco, 1978 Ellen Lupton, 2004 The classification system you will learn is a combination of Lawson’s and Lupton’s systems Black Letter Old Style serif Transitional serif Modern Style serif Script Cursive Slab Serif Geometric Sans Grotesque Sans Humanist Sans Display & Decorative basic characteristics + stress + serifs (or lack thereof) + shape stress: where the thinnest parts of a letter fall diagonal stress vertical stress no stress horizontal stress Old Style serif Transitional serif or Slab Serif or or reverse stress (Centaur) Modern Style serif Sans Serif Display & Decorative (Baskerville) (Helvetica) (Edmunds) serif types bracketed serifs unbracketed serifs slab serifs no serif Old Style Serif and Modern Style Serif Slab Serif or Square Serif Sans Serif Transitional Serif (Bodoni) or Egyptian (Helvetica) (Baskerville) (Rockwell/Clarendon) shape Geometric Sans Serif Grotesk Sans Serif Humanist Sans Serif (Futura) (Helvetica) (Gill Sans) Geometric sans are based on basic Grotesk sans look precisely drawn. Humanist sans are based on shapes like circles, triangles, and They have have uniform, human writing.
    [Show full text]
  • Bitstream Fonts in May 2005 at Totaling 350 Font Families with a Total of 1357 Font Styles
    Bitstream Fonts in May 2005 at http://www.myfonts.com/fonts/bitstream totaling 350 font families with a total of 1357 font styles The former Bitstream typeface libraries consisted mainly of forgeries of Linotype fonts and of ITC fonts. See the list below on the pages 24–29 about the old Bitstream Typeface Library of 1992. The 2005 Bitstream typeface library contains the same forgeries of Linotype fonts as formerly and also the same ITC fonts, but it also includes a lot of new mediocre „rubbish fonts“ (e.g. „Alphabet Soup“, „Arkeo“, „Big Limbo“), but also a few new quality fonts (e.g. „Drescher Grotesk“, „Prima Serif“ etc.). On the other hand, a few old fonts (e.g. „Caxton“) were removed. See the list below on pages 1–23. The typeface collection of CorelDraw comprises almost the entire former old Bitstream typeface library (see the list below on pages 24–29) with the following exceptions: 1. A few (ca. 3) forgeries of Linotype fonts are missing in the CorelDraw font collections, e.g. the fonts „Baskerville No. 2“ (= Linotype Baskerville No. 2), „Italian Garamond“ (= Linotype Garamond Simoncini), and „Revival 555“ (= Linotype Horley Old Style). 2. A lot (ca. 11) of ITC fonts are not contained in the CorelDraw font collections, e.g. „ITC Berkeley Oldstyle“, „ITC Century“, „ITC Clearface“, „ITC Isbell“, „ITC Italia“, „ITC Modern No. 216“, „ITC Ronda“, „ITC Serif Gothic“, „ITC Tom’s Roman“, „ITC Zapf Book“, and „ITC Zapf International“. Ulrich Stiehl, Heidelberg 3-May 2005 Aachen – 2 styles Ad Lib™ – 1 styles Aerospace Pi – 1 styles Aldine
    [Show full text]
  • Afgbaskerville (The Type Face)
    gfaBaskerville (the type face) xagfi {the type} {the man} abcdefghijklmn opqrstuvwxyz ABCDEFGHI JKLMNOPQR STUVWXYZ Having been an early admirer of the beauty of letters, I vertical stress relatively low contrast “became insensibly desirous of contributing to the perfection Baskerville is a transitional type of them. I formed to myself ideas of greater accuracy than had yet appeared, and had endeavoured to produce a set of types according to what I conceived to be their true { old style type modern type proportion. oblique stress vertical stress —John Baskerville, preface to Milton, 1758 relatively low contrast high contrast (Anatomy of a Typeface) ” {looks} use of orthogonal lines use of orthogonal + curvy lines FHTt BDp use of curvy lines use of diagonal lines cOQ vwXZ In order to truely appreciate the quialities of Baskerville, one must understand the The Baskerville type is known for the crisp edges, high contrast and generous process of its creation. Being a printer, John Baskerville paid close attention to the proportions. Baskerville is categorized as a transitional typeface in between classical technology, creating his own intense black ink. He boiled fine linseed oil to a certain typefaces and the high contrast modern faces. density, dissolved rosin, and let it subside for months before using it. He also studied and invested in presses, resulting in the development of high standards for presses altogether. {anatomy} crossbar serif ear head serif ascender counter apex A a x g Q b q O spur x-height descender swash {characteristics} {1}g Q {2} A {3} {4}J {5}C {6}E {7}ea {1} tail on lower case g does not close {2} swash-like tail of Q {4} J well below baseline {3} high crossbar and pointed apex of A {5} top and bottom serifs on C {6} long lower arm of E {7} small counter of italic e compared to italic a {comparison} Bembo Baskerville Bembo Baskerville d The head serif of Baskerville is generally more horizontal than that of Bembo.
    [Show full text]
  • Avid Marquee Title Tool User's Guide
    Avid® Marquee® Title Tool User’s Guide ™ make manage move | media Avid ® Copyright and Disclaimer Product specifications are subject to change without notice and do not represent a commitment on the part of Avid Technology, Inc. The software described in this document is furnished under a license agreement. You can obtain a copy of that license by visiting Avid's Web site at www.avid.com. The terms of that license are also available in the product in the same directory as the software. The software may not be reverse assembled and may be used or copied only in accordance with the terms of the license agreement. It is against the law to copy the software on any medium except as specifically allowed in the license agreement. Avid products or portions thereof are protected by one or more of the following United States Patents: 4,746,994; 4,970,663; 5,045,940; 5,267,351; 5,309,528; 5,355,450; 5,396,594; 5,440,348; 5,452,378; 5,467,288; 5,513,375; 5,528,310; 5,557,423; 5,577,190; 5,583,496; 5,584,006; 5,627,765; 5,634,020; 5,640,601; 5,644,364; 5,654,737; 5,719,570; 5,724,605; 5,726,717; 5,729,673; 5,745,637; 5,752,029; 5,754,180; 5,754,851; 5,799,150; 5,812,216; 5,828,678; 5,842,014; 5,852,435; 5,995,115; 6,016,152; 6,061,758; 6,130,676; 6,532,043; 6,546,190; 6,636,869; 6,747,705; 6,813,622; D352,278; D392,267; D392,268; D392,269; D395,291; D396,853; D398,912.
    [Show full text]
  • Basic Styles of Lettering for Monuments and Markers.Indd
    BASIC STYLES OF LETTERING FOR MONUMENTS AND MARKERS Monument Builders of North America, Inc. AA GuideGuide ToTo TheThe SelectionSelection ofof LETTERINGLETTERING From primitive times, man has sought to crude or garish or awkward letters, but in communicate with his fellow men through letters of harmonized alphabets which have symbols and graphics which conveyed dignity, balance and legibility. At the same meaning. Slowly he evolved signs and time, they are letters which are designed to hieroglyphics which became the visual engrave or incise cleanly and clearly into expression of his language. monumental stone, and to resist change or obliteration through year after year of Ultimately, this process evolved into the exposure. writing and the alphabets of the various tongues and civilizations. The early scribes The purpose of this book is to illustrate the and artists refi ned these alphabets, and the basic styles or types of alphabets which have development of printing led to the design been proved in memorial art, and which are of alphabets of related character and ready both appropriate and practical in the lettering readability. of monuments and markers. Memorial art--one of the oldest of the arts- Lettering or engraving of family memorials -was among the fi rst to use symbols and or individual markers is done today with “letters” to inscribe lasting records and history superb fi delity through the use of lasers or the into stone. The sculptors and carvers of each sandblast process, which employs a powerful generation infl uenced the form of letters and stream or jet of abrasive “sand” to cut into the numerals and used them to add both meaning granite or marble.
    [Show full text]
  • Powerpoint 2007
    Office 2007 Microsoft Office Fluent User Interface ........................................................................................................................................................ 2 Key Components ......................................................................................................................................................................................... 2 The Office Button .................................................................................................................................................................................... 2 The Ribbon .............................................................................................................................................................................................. 3 Contextual Tabs ....................................................................................................................................................................................... 3 Galleries .................................................................................................................................................................................................. 3 Live Preview ........................................................................................................................................................................................... 3 Mini Toolbar ..........................................................................................................................................................................................
    [Show full text]
  • CSS Font Stacks by Classification
    CSS font stacks by classification Written by Frode Helland When Johann Gutenberg printed his famous Bible more than 600 years ago, the only typeface available was his own. Since the invention of moveable lead type, throughout most of the 20th century graphic designers and printers have been limited to one – or perhaps only a handful of typefaces – due to costs and availability. Since the birth of desktop publishing and the introduction of the worlds firstWYSIWYG layout program, MacPublisher (1985), the number of typefaces available – literary at our fingertips – has grown exponen- tially. Still, well into the 21st century, web designers find them selves limited to only a handful. Web browsers depend on the users own font files to display text, and since most people don’t have any reason to purchase a typeface, we’re stuck with a selected few. This issue force web designers to rethink their approach: letting go of control, letting the end user resize, restyle, and as the dynamic web evolves, rewrite and perhaps also one day rearrange text and data. As a graphic designer usually working with static printed items, CSS font stacks is very unfamiliar: A list of typefaces were one take over were the previous failed, in- stead of that single specified Stempel Garamond 9/12 pt. that reads so well on matte stock. Am I fighting the evolution? I don’t think so. Some design principles are universal, independent of me- dium. I believe good typography is one of them. The technology that will let us use typefaces online the same way we use them in print is on it’s way, although moving at slow speed.
    [Show full text]
  • Serif Fonts Vol 2
    Name Chaparral Pro Basic Latin ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ 24 Te quick brown fox jumps over the lazy dog 18 Te quick brown fox jumps over the lazy dog 12 Te quick brown fox jumps over the lazy dog 10 Te quick brown fox jumps over the lazy dog 8 Te quick brown fox jumps over the lazy dog Name Chaparral Pro Bold Basic Latin ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ 24 Te quick brown fox jumps over the lazy dog 18 Te quick brown fox jumps over the lazy dog 12 Te quick brown fox jumps over the lazy dog 10 Te quick brown fox jumps over the lazy dog 8 Te quick brown fox jumps over the lazy dog Name Chaparral Pro Bold Italic Basic Latin ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ 24 Te quick brown fox jumps over the lazy dog 18 Te quick brown fox jumps over the lazy dog 12 Te quick brown fox jumps over the lazy dog 10 Te quick brown fox jumps over the lazy dog 8 Te quick brown fox jumps over the lazy dog Name Chaparral Pro Italic Basic Latin ! " # $ % & ' ( ) * + , - .
    [Show full text]
  • Patrick Reagh Printers Note: the Number Following the Name Indicates the Monotype Series
    Monotype typefaces available for fonts and composition at Patrick Reagh Printers note: the number following the name indicates the Monotype series. An e or an a after the number indicates either English- or American-manufactured matrices. R-roman / I-italic / SC-small caps / B-boldface lc-large composition* Antique 26a R 8 10 12 Baskerville 353a R/I/SC 7 8 10 11 12 Bembo 270e R/I/SC 8 10 11 12 13 14 (16 & 18 lc R/I) Narrow Bembo Italic 194e 10 12 13 (16 lc) Bodoni Medium 375a R/I/SC 8 10 12 Bodoni Book 875a R/I/SC 6 8 10 12 Bookman 98a R/I/SC 6 8 10 12 Bulmer 462a R/I/SC 6 8 9 10 12 (18 lc R) Centaur 252a (16 lc roman only) Cochin 61a R/I/SC 6 8 10 12 Deepdene 315a R/I/SC 6 8 10 12 Ehrhardt 453e R/I/SC 10 12 14 Fournier 185e R/I/SC 10 12 13 Franklin Gothic 107a R 6 8 10 12 Futura Light 606a R/I 6 8 10 12 Futura Medium /Extra Bold 605a & 603a R 6 8 10 12 Garamont 248a R/I/SC 8 10 12 Garamond Bold 548a R/I 6 8 10 12 Gill Sans 262e R/I/B 6 7 8 10 12 Goudy Bold 294a R/I 8 10 12 Goudy Modern 249e R/I/SC 8 10 11 12 Goudy Old Style 394a R/I/SC 6 8 10 12 Janson 401a R/I/SC 8 9 10 11 12 (14 & 18 lc R/I) Jenson Old Style 58a R 8 10 12 Sans Serif 329a (Kabel) R/B 8 10 12 Sans Serif Light/Bold 329a & 330a R 8 10 12 Univers Light 45e R/I 6 8 10 12 14 Univers Medium 55e R/I 6 8 10 12 14 Univers Bold 65e R/I 6 8 10 12 14 Univers Extra Bold 75e R/I 6 8 10 12 14 *Large composition can only be composed in roman or italic separately 1 Monotype display typefaces available for fonts at Patrick Reagh Printers note: the letter d following the size on English matrices indicates Didot which is the European standard for type sizing and is generally a point or two larger than the American point system.
    [Show full text]