Mathematical Font Art

Size: px
Start display at page:

Download "Mathematical Font Art"

Transcription

1 Mathematical Font Art Joris van der Hoeven CNRS, École polytechnique ICMS, Berlin, July 14,

2 Overview 2/9 Challenge. Use standard fonts on your system as mathematical fonts.

3 Overview 2/9 Challenge. Use standard fonts on your system as mathematical fonts. Difficulties. Lack of the most important font declinations as needed in scientific documents: Bold, Italic, Small Capitals, Sans Serif, Typewriter. Lack of specific glyphs: non English languages, mathematical symbols, and in particular big operators, extensible brackets and wide accents. Inconsistencies: sloppy design of some glyphs that are important for mathematics (such as, <, etc.), leading to inconsistencies.

4 Overview 2/9 Challenge. Use standard fonts on your system as mathematical fonts. Difficulties. Lack of the most important font declinations as needed in scientific documents: Bold, Italic, Small Capitals, Sans Serif, Typewriter. Lack of specific glyphs: non English languages, mathematical symbols, and in particular big operators, extensible brackets and wide accents. Inconsistencies: sloppy design of some glyphs that are important for mathematics (such as, <, etc.), leading to inconsistencies. Only aim at modest quality. Produce something that looks nice at first sight. May not be as good as hand designed fonts for high quality typesetting.

5 Overview 2/9 Challenge. Use standard fonts on your system as mathematical fonts. Difficulties. Lack of the most important font declinations as needed in scientific documents: Bold, Italic, Small Capitals, Sans Serif, Typewriter. Lack of specific glyphs: non English languages, mathematical symbols, and in particular big operators, extensible brackets and wide accents. Inconsistencies: sloppy design of some glyphs that are important for mathematics (such as, <, etc.), leading to inconsistencies. Only aim at modest quality. Produce something that looks nice at first sight. May not be as good as hand designed fonts for high quality typesetting. Approach. Combination of substitution and emulation both for fonts and glyphs.

6 Font analysis and font substitution 3/9 The symbols α, β, γ are acceptable inside x +α+ y + β + z +γ. The symbols α, β, γ do not look very well inside x + α + y + β +z + γ.

7 Font analysis and font substitution 3/9 The symbols α, β, γ are acceptable inside x +α+ y + β + z +γ. The symbols α, β, γ do not look very well inside x + α + y + β +z + γ. Idea. Automatically determine major font characteristics metric on fonts. Find substitution fonts that are closest according to this metric.

8 Font analysis and font substitution 3/9 The symbols α, β, γ are acceptable inside x +α+ y + β + z +γ. The symbols α, β, γ do not look very well inside x + α + y + β +z + γ. Idea. Automatically determine major font characteristics metric on fonts. Find substitution fonts that are closest according to this metric. Typical characteristics. Discrete ones: sans serif, small capitals, handwritten, ancient, gothic, etc.. Italic slant. Height of an x symbol, ascent above and descent below the x symbol. Horizontal and vertical stroke widths in o and O symbols. Average aspect-ratios of uppercase and lowercase letters ( narrowness ). Average area of glyphs that is filled (related to weight).

9 Emboldened Slanted Poor man font emulation 4/9 Small CAPITALS or CAPITALS

10 Emboldened Slanted Poor man font emulation 4/9 Small CAPITALS or CAPITALS Magnified or

11 Emboldened Poor man font emulation 4/9 Slanted Small CAPITALS or CAPITALS Magnified or

12 Emboldened Poor man font emulation 4/9 Slanted Small CAPITALS or CAPITALS Magnified or

13 Emboldened Poor man font emulation 4/9 Slanted Small CAPITALS or CAPITALS Magnified or

14 Emboldened Poor man font emulation 4/9 Slanted Small CAPITALS or CAPITALS Magnified or

15 Emboldened Poor man font emulation 4/9 Slanted Small CAPITALS or CAPITALS Magnified or

16 Poor man emulation for various fonts 5/9 Regular Bold Italic Small Caps Blackboard Bold Mathematics Optima Bold * Italic SMALL CAPS,,,, x 2 + f(x, Cochin Bold * Italic * SMALL CAPS,,,, x 2 + f(x, Chartrand Bold Italic SMALL CAPS,,,, x 2 + f (x, Essays1743 Bold * Italic * SMALL CAPS C, N, Q, R, Z * x 2 + f (x, Meyne Textur Bold Italic SMALL CAPS,,,, x 2 + f ( x, Chalkduster Bold Italic SMALL CAPS,,,, x 2 + f ( x, Comic Sans Bold Italic SMALL CAPS,,,, x 2 + f (x, Papyrus Bold Italic SMALL CAPS,,,, x 2 + f ( x, Figure 1. Emulation of bold, italic, small capitals and blackboard bold. * These declinations are already supported by the original font. a b + c) a b + c) a ) b + c a b + c) a b + c) a b + c) a ) b + c a b + c)

17 Virtual characters 6/9 Superposition. +, - ±

18 Virtual characters 6/9 Superposition. +, - ± Clipping. -, - - -» -, - -» -»- -

19 Virtual characters 6/9 Superposition. +, - ± Clipping. -, - - -» -, - -» -»- - Linear transformations. O, I O, I

20 Virtual characters 6/9 Superposition. +, - ± Clipping. -, - - -» -, - -» -»- - Linear transformations. O, I O, I Simple graphical constructs. Lines, circles,... = - -

21 Virtual characters 6/9 Superposition. +, - ± Clipping. -, - - -» -, - -» -»- - Linear transformations. O, I O, I Simple graphical constructs. Lines, circles,... = - - Ad hoc operations. <

22 Virtual characters 6/9 Superposition. +, - ± Clipping. -, - - -» -, - -» -»- - Linear transformations. O, I O, I Simple graphical constructs. Lines, circles,... Ad hoc operations. = - - < -- > - -

23 Virtual mathematical characters for several fonts 7/ G D J L X P S U F Y W := / L Optima EZZE H Y := / / < L Cochin EZZEH Y := / / < L Didot EZZE H Y := / > < > / < L Cuprum EZZE H Y := - ~ L - -<- Essays1743 EZZE H Y := ~ L Am. Typewr. EZZE H Y := / / < L Chalkboard EZZE H Y := - - -/ / -< - Chalkduster EZZE H Y := - - -/ < -- L -/ L Papyrus / / < L Paper Cuts EZZZZE H Y := - ~ -/- - - >- < -/ --> - V V V V V V V V V V ± ± ± ± ± ± ± ± EZZZZ E H Y := Figure 2. Emulation of various mathematical symbols in various fonts / / / -- -< / / -/ / -/

24 Rubber characters 8/9 = = =<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=<=< = = == = = == = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = [ [ [ ( ((()))) {{{{}}}} (((()))) {{{{}}}} (((()))) {{{{}}}} (((()))) {{{{}}}} ] (((()))) {{{{}}}} ] ] Figure 3. Assorted rubber symbols from various fonts.

25 Conclusions 9/9 Main news. Medium quality scientific typesetting possible using a variety of fonts.

26 Conclusions 9/9 Main news. Medium quality scientific typesetting possible using a variety of fonts. Fingerprint of a font. Reconstruction of essentially all mathematical symbols from a few ones: + = < or. ^ ( [ {

27 Conclusions 9/9 Main news. Medium quality scientific typesetting possible using a variety of fonts. Fingerprint of a font. Reconstruction of essentially all mathematical symbols from a few ones: + = < or. ^ ( [ { To do. Toolkit for automatic analysis of fonts. Toolkit for automatic transformations of fonts. Systematically base such toolkits on vector graphics.

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

Chapter 12: FORMATTING TEXT

Chapter 12: FORMATTING TEXT Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. PART III: CSS FOR PRESENTATION Chapter 12: FORMATTING TEXT CSc2320

More information

Typography. is the foundation of good web design

Typography. is the foundation of good web design Typography is the foundation of good web design my name is Samantha Warren I am a web designer for Viget Labs I teach web & graphic design at the Center for Digital Imaging Arts at Boston University &

More information

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r) TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on

More information

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

More information

The Visual Scientist Presents Poster Design

The Visual Scientist Presents Poster Design The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the

More information

Practical Mathematical Handwriting

Practical Mathematical Handwriting Practical Mathematical Handwriting Xiong Rui December 26, 2018 Abstract In mathematical texts and papers (by TEX, of course), there involves different kinds of fonts. For example, A A A A A It looks beautiful

More information

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

CSS. Text & Font Properties. Copyright DevelopIntelligence LLC

CSS. Text & Font Properties. Copyright DevelopIntelligence LLC CSS Text & Font Properties 1 text-indent - sets amount of indentation for first line of text value: length measurement inherit default: 0 applies to: block-level elements and table cells inherits: yes

More information

Web Site Design and Development Lecture 6

Web Site Design and Development Lecture 6 Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

fonts Some famous (and infamous) fonts

fonts Some famous (and infamous) fonts fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts

More information

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

How to use text. Adding a text frame

How to use text. Adding a text frame How to use text Because Adobe InDesign CS6 is a page layout tool, working with text is an important skill. With InDesign, you add all text (and all content) into frames. Frames are shapes (called paths)

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase Type Anatomy anatomy cap height x-height baseline stem bowl serif descender ligature ascender finial terminal ascender spine uppercase small capital cross bar counter lowercase 36 thinking with type cap

More information

Linotype Univers CD for Mac and PC - containing 63 font weights

Linotype Univers CD for Mac and PC - containing 63 font weights presented in: Eurostile Roman Find further Font Features in our Font Feature Archive. The Univers family of fonts designed by Adrian Frutiger more than forty years ago is one of the most innovative type

More information

Bold, Italic and Underline formatting.

Bold, Italic and Underline formatting. Using Microsoft Word Character Formatting You may be wondering why we have taken so long to move on to formatting a document (changing the way it looks). In part, it has been to emphasise the fact that

More information

New Font Offerings: Cochineal, Nimbus15, LibertinusT1Math

New Font Offerings: Cochineal, Nimbus15, LibertinusT1Math New Font Offerings: Cochineal, Nimbus15, LibertinusT1Math Michael Sharpe, UCSD TUG Toronto, July 2016 Cochineal an oldstyle text font family with Roman, Greek and Cyrillic alphabets derived from Sebastian

More information

Typefaces are character sets based on distinct design characteristics.

Typefaces are character sets based on distinct design characteristics. Level 3 WGHS VISUAL ARTS 2011 ART DESIGN Typography An Introduction to Type Type Design Since the first recordings of letterforms the concept of the typographic form has evolved into a seemingly endless

More information

Guide. Use Design Space Edit Bar? How Do I. Let s Start. Editing Images. Design Space Edit Bar Tutorial 1/13

Guide. Use Design Space Edit Bar? How Do I. Let s Start. Editing Images. Design Space Edit Bar Tutorial 1/13 How Do I Use Design Space Edit Bar? The Edit bar in Cricut Design Space gives you access to features such as Size, Rotate, Mirror, Position, etc. for editing images and text. For text layers, it gives

More information

GRAPHICS STANDARD HANDBOOK

GRAPHICS STANDARD HANDBOOK A KATENA BRAND GRAPHICS STANDARD HANDBOOK Purpose Of the Graphic Standards Handbook This handbook is a collection of Rhein Medical s trademarks and product branding, with instructions on how to apply the

More information

Elements of typographic design

Elements of typographic design Type Terminology Serif fonts Sans serif fonts Elements of typographic design Times News Roman Ariel Verdana Calligrapher 24 pt 20 pt 14 pt 10 pt Univers 45 Light Univers 45 condensed light Univers 55 Univers

More information

How to use CSS text styles

How to use CSS text styles How to use CSS text styles Web typography is an important creative tool web designers use to express style and emotion that enhances the goal and overall message of a website. Image-based text gives you

More information

Script for Interview about LATEX and Friends

Script for Interview about LATEX and Friends Script for Interview about LATEX and Friends M. R. C. van Dongen July 13, 2012 Contents 1 Introduction 2 2 Typography 3 2.1 Typeface Selection................................. 3 2.2 Kerning.......................................

More information

Text. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics.

Text. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics. Text Drawing text has some special properties and thus is treated in a separate chapter. We first need to talk about the sizing of text. Then we discuss fonts and how text is actually drawn. There is then

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century The Evolution of Type Movable Type: Johannes Gutenberg Early 15th Century Studio on Fire: Minneapolis Anatomy of Type cap height cross bar Anatomy n bowl describes g counter ascender finial stem type eye

More information

Modifying Type: effects of a letter change COLDS

Modifying Type: effects of a letter change COLDS Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

TEMPLATE ORDER GUIDE /

TEMPLATE ORDER GUIDE / TEMPLATE ORDER GUIDE / Our template order guide is filled with guidelines to help you complete the template order form. We want this to be a super easy and fun process for you! In order to prevent any

More information

Typography One typeface classification

Typography One typeface classification 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),

More information

Reading and Typography. Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind.

Reading and Typography. Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind. Reading and Typography Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind. Reading 2 We re Wired for Language; not Reading Children exposed to spoken

More information

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

Brand Standard Guidelines

Brand Standard Guidelines 1 Brand Standard Guidelines 1 Logo Guidelines As Saladmaster grows in national and global stature, the need to ensure accurate brand presentation becomes critical. The logo and typeface are the foremost

More information

Keyboarding Basics - Teacher Notes

Keyboarding Basics - Teacher Notes Directions: Fill in the blanks. Keyboarding Basics - Teacher Notes 1. Keyboarding Is the act of entering data into a computer through the use of a keyboard Is a valuable skill for anyone to learn Is commonly

More information

RMX. Font Remix Tools FOR GLYPHS. Handbook

RMX. Font Remix Tools FOR GLYPHS. Handbook Font Remix Tools FOR GLYPHS Handbook October 2018 Font Remix Tools for Glyphs: Handbook page 2 of 9 Content 1. Getting started 1.1. Installation 1.2. Keyboard shortcuts 1.3. Requirements 2. Harmonizer

More information

Pan-Unicode Fonts. Text Layout Summit 2007 Glasgow, July 4-6. Ben Laenen, DejaVu Fonts

Pan-Unicode Fonts. Text Layout Summit 2007 Glasgow, July 4-6. Ben Laenen, DejaVu Fonts Pan-Unicode Fonts Text Layout Summit 2007 Glasgow, July 4-6 Ben Laenen, DejaVu Fonts Introduction Feature request last Friday for DejaVu: Request for Khmer characters U+1780-17DD, 17E0-17E9, 17F0-17F9:

More information

Appendix D CSS Properties and Values

Appendix D CSS Properties and Values HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by

More information

The LibertinusT1 Math Package

The LibertinusT1 Math Package The LibertinusT1 Math Package Michael Sharpe September 20, 2018 This package is a LATEX math package to accompany the LATEX Libertine text package, serving as an alternative to newtxmath with the libertine

More information

10 years of OpenType math font development

10 years of OpenType math font development Overview Choices of math fonts Completeness Design consistency Testing Summary 10 years of OpenType math font development Ulrik Vieth Stuttgart, Germany TUG@BachoT E X 2017 Brodnica, Poland Overview Choices

More information

BRAND GUIDELINES January 2017 leanconstruction.org

BRAND GUIDELINES January 2017 leanconstruction.org BRAND GUIDELINES January 2017 leanconstruction.org The Lean Construction Institute (LCI) is a non-profit organization, founded in 1997. The Institute operates as a catalyst to transform the industry through

More information

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts] > what is a font? > what is a font? A font is set of glyphs (or images) that represent a complete series of alphabetic and numeric characters, punctuations and symbols in a particular size and style (or

More information

EnvSci360 Computer and Analytical Cartography

EnvSci360 Computer and Analytical Cartography EnvSci360 Computer and Analytical Cartography Lecture 5 Working with Type and Labels Key Points Labels are text that locate and identify features on a map Important for readability & communication EnvSci

More information

BRAND IDENTITY STANDARDS GUIDE

BRAND IDENTITY STANDARDS GUIDE BRAND IDENTITY STANDARDS GUIDE JANUARY 2015 TABLE OF CONTENTS This brand identity standards guide was created to help establish the BCIU s visual brand image and bring consistency to all visual representations

More information

USER GUIDE ADD-ON FONTS

USER GUIDE ADD-ON FONTS USER GUIDE ADD-ON FONTS CONTENTS Hatch Add-on Fonts... 1 Join method... 1 Font pack 1 - Script... 1 Font pack 2 - Monograms... 1 Font pack 3 - Sans Serif... 2 Font pack 4 - Décor... 3 Font pack 5 - Special

More information

List of Default Font IDs Based on Font Range

List of Default Font IDs Based on Font Range IBMFonts Page 1 *IFPDS Fonts Thursday, April 22, 2010 3:18 PM List of Default Font IDs Based on Font Range Technote This document lists the default font IDs for each font range available on the operating

More information

TYPE BASICS Cartographic Design & Principles Winter 2016

TYPE BASICS Cartographic Design & Principles Winter 2016 TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names

More information

ACSC 231 Internet Technologies

ACSC 231 Internet Technologies ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008

More information

Cascading Style Sheet Quick Reference

Cascading Style Sheet Quick Reference Computer Technology 8/9 Cascading Style Sheet Quick Reference Properties Properties are listed in alphabetical order. Each property has examples of possible values. Properties are not listed if they are

More information

Adding CSS to your HTML

Adding CSS to your HTML Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,

More information

How to Use L A T E X Properly for Papers and Theses

How to Use L A T E X Properly for Papers and Theses 1 / 13 How to Use L A T E X Properly for Papers and Theses Thorsten Dahmen Department of Computer Science University of Konstanz Scientific Practices, July 16 th, 2009 2 / 13 Overview 1 Overview 2 Typography

More information

Choose a title that captures the interest of an audience and orients the audience to the poster s content.

Choose a title that captures the interest of an audience and orients the audience to the poster s content. Poster presentations are a fun way to discuss research with interested parties. The audience at a conference moves through the poster displays to inquire and learn about the information presented on the

More information

1 of 7 11/12/2009 9:29 AM

1 of 7 11/12/2009 9:29 AM 1 of 7 11/12/2009 9:29 AM Home Beginner Tutorials First Website Guide HTML Tutorial CSS Tutorial XML Tutorial Web Host Guide SQL Tutorial Advanced Tutorials Javascript Tutorial PHP Tutorial MySQL Tutorial

More information

Interdisciplinary Journal of Best Practices in Global Development Final Manuscript Preparation Guidelines

Interdisciplinary Journal of Best Practices in Global Development Final Manuscript Preparation Guidelines Interdisciplinary Journal of Best Practices in Global Development Final Manuscript Preparation Guidelines This document provides details on typesetting and layout requirements pertaining to final manuscript

More information

Creating A Website - Part 1: Web Design principles, HTML & CSS. CSS Color Values. Hexadecimal Colors. RGB Color

Creating A Website - Part 1: Web Design principles, HTML & CSS. CSS Color Values. Hexadecimal Colors. RGB Color Notes Week 3 By: Marisa Stoolmiller CSS Color Values With CSS, colors can be specified in different ways: Color names Hexadecimal values RGB values HSL values (CSS3) HWB values (CSS4) Hexadecimal Colors

More information

Title of Your Thesis: Subtitle of Your Thesis

Title of Your Thesis: Subtitle of Your Thesis Title of Your Thesis: Subtitle of Your Thesis A thesis presented by James W. Smith to The Department of Mathematics in partial fulfillment of the requirements for the degree of Doctor of Philosophy in

More information

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font IT82: Mul timedia Practical Graphics Issues 20th Feb 2003 1 Anti-aliasing What is it How to do it? Lines Shapes Fonts History Anatomy of a Font Overview Types of Fonts ( which do I choose? ) How to make

More information

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text. CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value

More information

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015 CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL March 2015 Table of Contents Identity Introduction................................................. 1.0 Using This Manual... 1.1 Identity Policy.........................................................

More information

Introduction to Scientific Typesetting Lesson 14: Fonts

Introduction to Scientific Typesetting Lesson 14: Fonts Introduction to Scientific Typesetting Lesson 14: Fonts Ryan Higginbottom January 24, 2012 1 2 Monospaced and Proportional Serifed and sans serif fonts Attributes of Font Families Font Encoding 3 Monospaced

More information

CMPT 165: More CSS Basics

CMPT 165: More CSS Basics CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see

More information

Tips for Preparing and Giving an Effective Scientific Presentation using Powerpoint

Tips for Preparing and Giving an Effective Scientific Presentation using Powerpoint Tips for Preparing and Giving an Effective Scientific Presentation using Powerpoint Based on : Foundation meeting by Susan McConnell at Stanford University Presentation prepared by Microbiology Dept at

More information

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made

More information

Font Remix Tools Getting started

Font Remix Tools Getting started Font Remix Tools Getting started Note that there is only one version of the Font Remix Tools, which is compatible with both the Macintosh and Windows versions of FontLab Studio 5.02 or later. Python 2.3

More information

Drill Table. Summary. Modified by Phil Loughhead on 16-Jun Parent page: PCB Dialogs

Drill Table. Summary. Modified by Phil Loughhead on 16-Jun Parent page: PCB Dialogs Drill Table Old Content - visit altium.com/documentation Modified by Phil Loughhead on 16-Jun-2015 Parent page: PCB Dialogs The Drill Table Dialog. Summary A standard element required for manufacture of

More information

Einführung in Visual Computing

Einführung in Visual Computing Einführung in Visual Computing 186.822 Rasterization Werner Purgathofer Rasterization in the Rendering Pipeline scene objects in object space transformed vertices in clip space scene in normalized device

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at

More information

Tribunal. ewjduhiz tvnsgfq. Typotheque type specimen & OpenType feature specification. Please read before using the fonts.

Tribunal. ewjduhiz tvnsgfq. Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Tribunal OpenType font family supporting Latin based languages with their own small caps, with extensive typographic

More information

KEEP CALM KERN AND. Some of the do s and don ts of Typography by Fran Pimblett

KEEP CALM KERN AND. Some of the do s and don ts of Typography by Fran Pimblett KEEP CALM AND KERN Some of the do s and don ts of Typography by Fran Pimblett Typography Dos and Don ts.indd 1 14/09/2014 8:21:37 AM Contents Smart Quotes... 2 Us ME Ornate Fonts... 3 Headers and Body

More information

Graphic Standards 1/28/13

Graphic Standards 1/28/13 Graphic Standards 1/28/13 All electronic logo files can be downloaded at: www.brentredmond.com/art Logo Application Guidelines The Brent Redmond Transportation, INC Logo The Brent Redmond Transportation,

More information

Lecture 10. CSS Properties. Mr. Mubashir Ali Lecturer (Dept. of Computer Science)

Lecture 10. CSS Properties. Mr. Mubashir Ali Lecturer (Dept. of Computer Science) Lecture 10 CSS Properties Mr. Mubashir Ali Lecturer (Dept. of dr.mubashirali1@gmail.com 1 Summary of the previous lecture CSS basics CSS writing option CSS rules Id,s and Classes 2 Outline Font properties

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

By Ryan Stevenson. Guidebook #3 CSS

By Ryan Stevenson. Guidebook #3 CSS By Ryan Stevenson Guidebook #3 CSS Table of Contents 1. How to Use CSS 2. CSS Basics 3. Text Sizes Colors & Other Styling 4. Element Layout Positioning & Sizing 5. Backgrounds & Borders How to Use CSS

More information

INTRODUCING THE Transition family

INTRODUCING THE Transition family INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com Transition

More information

understanding typography

understanding typography understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement

More information

Introduction to Scientific Typesetting Lesson 11: Foreign Languages, Columns, and Section Titles

Introduction to Scientific Typesetting Lesson 11: Foreign Languages, Columns, and Section Titles Introduction to Scientific Typesetting Lesson 11: Foreign Languages,, and Ryan Higginbottom January 19, 2012 1 Ð The Package 2 Without Ð What s the Problem? With Ð Using Another Language Typing in Spanish

More information

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts.

How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. 18/03/2018 How Typography Determines Readability: Serif vs. Sans Serif, and How To Combine Fonts. Harshita Arora Follow 16 y/o entrepreneur & programmer. Formerly at Salesforce and MIT Launch. Creator

More information

Graphics. HCID 520 User Interface Software & Technology

Graphics. HCID 520 User Interface Software & Technology Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Raster Graphics Model Drawing canvas with own coordinate system. Origin at top-left, increasing down and right. Graphics

More information

Graphics. HCID 520 User Interface Software & Technology

Graphics. HCID 520 User Interface Software & Technology Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Graphics in HTML 5 Raster Graphics: canvas element Low-level; modify a 2D grid of pixels.

More information

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

More information

L A TEX: Online module 2

L A TEX: Online module 2 L A TEX: Online module 2 Venkata Manem Univ. of Waterloo July 22, 2011 Venkata Manem (Univ. of Waterloo) LATEX: Online module 2 July 22, 2011 1 / 28 Topics to be covered Typeface Font size Special characters

More information

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.

More information

WCSD Graphic Standards and Logo Use Guide

WCSD Graphic Standards and Logo Use Guide SM WCSD Graphic Standards and Logo Use Guide WCSD Logo WCSD logo with slogan SM The WCSD logo should be used on all school district signage and every District-generated publication, website or webpage,

More information

Brand Guidelines. Brand Guidelines. Keeper Security, Inc

Brand Guidelines. Brand Guidelines. Keeper Security, Inc Brand Guidelines rev 9.21.17 Keeper Security, Inc. 2017 Keeper Security, Inc. 2017 1 Don't Get Hacked. Get Keeper. The Leading Secure Password Manager and Digital Vault for Businesses and Individuals.

More information

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

Working with Text/Edit Panel

Working with Text/Edit Panel Section 8A Working with Text/Edit Panel - Adding Text Working with Text/Edit Panel Cricut Design Space makes it easy to personalize your project using text, and different fonts. You can use Cricut fonts

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

RMX. Font Remix Tools. for glyphs. Handbook. February 2016 Just Another Foundry GmbH

RMX. Font Remix Tools. for glyphs. Handbook. February 2016 Just Another Foundry GmbH Font Remix Tools for glyphs Handbook February 2016 Just Another Foundry GmbH Font Remix Tools for Glyphs: Handbook page 2 of 9 Content 1. Getting started 1.1. Installation 1.2. Keyboard shortcuts 1.3.

More information

CSS. Lecture 16 COMPSCI 111/111G SS 2018

CSS. Lecture 16 COMPSCI 111/111G SS 2018 CSS Lecture 16 COMPSCI 111/111G SS 2018 No CSS Styles A style changes the way the HTML code is displayed Same page displayed using different styles http://csszengarden.com Same page with a style sheet

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

The first time you open Word

The first time you open Word Microsoft Word 2010 The first time you open Word When you open Word, you see two things, or main parts: The ribbon, which sits above the document, and includes a set of buttons and commands that you use

More information

MS WORD. You can use it for writing letters, reports and so on.

MS WORD. You can use it for writing letters, reports and so on. MS WORD MS WORD 2 You can use it for writing letters, reports and so on. Starting Word application 3 To start MS. Word do the following: 1. From the Start button on the taskbar, select All Programs. 2.

More information

B R A N D I N G G U I D E L I N E S

B R A N D I N G G U I D E L I N E S BRANDING GUIDELINES TABLE OF CONTENTS Logo.... 3 Symbol... 4 Color Palette.... 5 Clear Space....................................................................................................... 6 Minimum

More information

Formatting and Editing Skills. Apply formatting and editing features and operational keys appropriately.

Formatting and Editing Skills. Apply formatting and editing features and operational keys appropriately. Formatting and Editing Skills Apply formatting and editing features and operational keys appropriately. Word Processing Word processing software is a type of application software that is used for creating

More information

Text Processing (Business Professional) within the Business Skills suite

Text Processing (Business Professional) within the Business Skills suite Text Processing (Business Professional) within the Business Skills suite Unit Title: Document presentation OCR unit number: 03934 Unit reference number: K/501/4218 Level: 3 Credit value: 6 Guided learning

More information

Palatino. Palatino. Linotype. Palatino. Linotype. Linotype. Palatino. Linotype. Palatino. Linotype. Palatino. Linotype

Palatino. Palatino. Linotype. Palatino. Linotype. Linotype. Palatino. Linotype. Palatino. Linotype. Palatino. Linotype Copyright 2013 Johanna Corsini Arts 79 Typography 1 Sources: http://en.wikipedia.org/wiki/ http://en.wikipedia.org/wiki/typography By Johanna Corsini P a a P o l t a a n L P i l t n a i o a o y l t n n

More information

Word Matching of handwritten scripts

Word Matching of handwritten scripts Word Matching of handwritten scripts Seminar about ancient document analysis Introduction Contour extraction Contour matching Other methods Conclusion Questions Problem Text recognition in handwritten

More information