SlideShare a Scribd company logo
1 of 11
Download to read offline
Font
Basics
Font
In typography, a font (also fount) is traditionally defined as a quantity
of sorts composing a complete character set of a single size and style
of a particular typeface.

After the introduction of computer fonts based on fully scalable outlines,
a broader definition evolved. 

Font is no longer size-specific, but still refers to a single style. 

Bulmer regular, Bulmer italic, Bulmer bold and Bulmer bold italic are
four fonts, but one typeface.
Font characteristics
Weight
The weight of a particular font is the thickness of the character outlines relative to their height.
 A typeface may come in fonts of many weights, from ultra-light to extra-bold
 or black; four to six weights are not unusual, and a few typefaces have as
 many as a dozen. Many typefaces for office, Web and non-professional
 use come with just a normal and a bold weight. If no bold weight is
 provided, many renderers (browsers, word processors, graphic and DTP
 programs) support faking a bolder font by rendering the outline a second
 time at an offset, or just smearing it slightly at a diagonal angle.
 The base weight differs among typefaces; that means one normal font may
 appear bolder than some other normal font. For example, fonts intended to
 be used in posters are often quite bold by default while fonts for long runs
 of text are rather light. Therefore weight designations in font names may
 differ in regard to the actual absolute stroke weight or density of glyphs in
 the font.
 Attempts to systematize a range of weights led to a numerical classification
 first used by Adrian Frutiger with the Univers typeface, although originally
 only ranging from 3 to 8 - e.g.: 35 Extra Light; 45 Light; 55 Medium or
 Regular; 65 Bold, 75 Extra Bold; 85 Extra Bold; 95 Ultra Bold or Black.
Font - 

Slope
In todayʼs European typefaces, especially roman ones, the font
style is usually connected to the angle.

When the normal, roman or upright font is slanted – usually to the right in left-to-
right scripts – the lowercase character shapes change slightly as well,
approaching a more handwritten, cursive style.

In many sans-serif and some serif typefaces the characters of the italic fonts are
only slanted (oblique), which is often done algorithmically, without otherwise
changing their appearance. Such oblique fonts are not true italics, because they
lack the change in letter shapes which is part of the definition of an italic.




                                                                       roman
                                                                        italic

                                                                       oblique
Font - 

 Serifs
 In typography, serifs are semi-structural details on the
 ends of some of the strokes that make up letters and
 symbols.
 A typeface that has serifs is called a serif typeface (or
 seriffed typeface).

 A typeface without serifs is called sans-serif, from the French sans,
 meaning “without”.
 Some typography sources refer to sans-serif typefaces as
 "grotesque" (in German "grotesk") or "Gothic", and serif types as
 "Roman".
Font - 

Sans Serif
In typography, a sans-serif or sans serif typeface is one that does not have the small
features called "serifs" at the end of strokes. The term comes from the Latin word "sine",
via the French word sans, meaning "without".
In print, sans-serif fonts are more typically used for headlines than for body text.[1] The conventional wisdom
holds that serifs help guide the eye along the lines in large blocks of text. Sans-serifs, however, have acquired
considerable acceptance for body text in Europe.
Sans-serif fonts have become the de facto standard for body text on-screen, especially online. This is partly
because interlaced displays may show twittering on the fine details of the horizontal serifs. Additionally, the low
resolution of digital displays in general can make fine details like serifs disappear or appear too large.
Before the term “sans-serif” became standard in English typography, a number of other terms had been used.
One of these outmoded terms for sans serif was gothic, which is still used in East Asian typography and
sometimes seen in font names like Century Gothic.
Sans-serif fonts are sometimes, especially in older documents, used as a device for emphasis, due to
their typically blacker type color.
Font - 
San-Serifs
 ■    Grotesque, early sans-serif designs, such as Grotesque, Akzidenz
      Grotesk, and Franklin Gothic.
 ■    Neo-grotesque or Transitional or Realist, modern designs such as
      Standard, Bell Centennial, MS Sans Serif, Helvetica, Univers, Highway
      Gothic, and Arial. These are the most common sans-serif fonts. They are
      relatively straight in appearance and have less line width variation than
      Humanist sans-serif typefaces. Transitional sans-serif is sometimes called
      "anonymous sans-serif" due to its relatively plain appearance.
 ■    Humanist (Calibri, Johnston, Lucida Grande, Segoe UI, Gill Sans, Myriad,
      Frutiger, Trebuchet MS, Tahoma, Verdana and Optima, a.k.a. Zapf
      Humanist). These are the most calligraphic of the sans-serif typefaces,
      with some variation in line width and more legibility than other sans-serif
      fonts.
 ■    Geometric (Futura, ITC Avant Garde, Century Gothic, Gotham, or
      Spartan). As their name suggests, Geometric sans-serif typefaces are
      based on geometric shapes. Note the optically circular letter "O" and the
      simple construction of the lowercase letter "a". Geometric sans-serif fonts
      have a very modern look and feel. Of these four categories, geometric
      fonts tend to be the least useful for body text.
Note that in some sans-serif fonts, such as Arial, the capital-i and lowercase-L appear
identical. Verdana, however, keeps them distinct because Verdana's capital-i, as an
exception, has serifs. Other fonts may have two horizontal bars on the capital-i, a
curved tail on the lowercase-L, or both.
Font - 
Slab-Serif
In typography, a slab serif (also called mechanistic, square serif or Egyptian) typeface
is a type of serif typeface characterized by thick, block-like serifs.
Serif terminals may be either blunt and angular (Rockwell), or rounded (Courier).
Slab serif typefaces generally have no bracket (feature connecting the strokes to the serifs).
Some consider slab serifs to be a subset of modern serif typefaces.
Because of their bold appearance, they are most commonly used in large headlines and advertisements but are
seldom used in body text. The exception is those that are monospaced, because of their usage in typewriters,
but that is declining as electronic publishing becomes more common. Another recent exception is the typeface
designed for The Guardian newspaper in the UK which is an Egyptian used through the paper as body text.
Font - 
Slab-Serif
Clarendon model
Clarendon typefaces, unlike other slab serifs, actually have some bracketing and
some contrast in size in the actual serif. Examples include Clarendon and
Egyptienne.



Neo-grotesque model
The most common slab serif typefaces, Neo-grotesque have no bracketing and
evenly weighted stems and serifs. The letterforms are similar to neo-grotesque or
realist sans-serif fonts. Examples include Rockwell and Memphis.

Italienne model
In the Italienne model, the serifs are even heavier than the stems, forging a
dramatic, attention-drawing effect. Some Italienne slab serifs, such as Playbill,
have a characteristic Western appearance, likely as a result of their frequent use
in western-era posters.



Typewriter typefaces
Typewriter slab serif typefaces are named for their use in strike-on typewriting.
These faces originated in monospaced format with fixed-width, meaning that every
character takes up exactly the same amount of horizontal space. This feature is
necessitated by the nature of the typewriter apparatus. Examples include Courier
and Courier New (both Neo-grotesque model) and Prestige Elite (Clarendon
model).
Helvetica
Helvetica is a widely used sans-serif typeface developed in 1957
by Swiss typeface designer Max Miedinger with Eduard Hoffmann.[1]


         Helvetica (film) is an independent feature-length
         documentary film about typography and graphic
         design, centered on the typeface of the same
         name. Directed by Gary Hustwit.


          Its content consists of a history of the typeface
          interspersed with candid interviews with leading
          graphic and type designers. The film aims to show
          Helvetica's beauty and ubiquity, and illuminate the
          personalities that are behind typefaces. It also
          explores the rift between modernists and
          postmodernists, with the latter expressing and
          explaining their criticisms of the famous typeface.
2010, “dpsd Beyond” student initiative & “MyAegean” team
                            University of the Aegean, Greece




        Released under Creative Commons BY-SA license

                         C                                by a
{ Some registered trademarks are “© All Rights Reserved” and used with respect to owners & contributors }




                                  resources / content via                  proudly supported by
     :::: credits
     :::: info

More Related Content

What's hot

How to Design a Logo
How to Design a LogoHow to Design a Logo
How to Design a LogoFiverr
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography FundamentalsSteve Hickey
 
Diapositivas anatomia tipografica
Diapositivas anatomia tipograficaDiapositivas anatomia tipografica
Diapositivas anatomia tipograficajhonny_97
 
A lógica por trás de UX Writing
A lógica por trás de UX WritingA lógica por trás de UX Writing
A lógica por trás de UX WritingMergo
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesThink 360 Studio
 
Bringing Virtual Reality (VR) and Augmented Reality (AR) to APEX
Bringing Virtual Reality (VR) and Augmented Reality (AR) to APEXBringing Virtual Reality (VR) and Augmented Reality (AR) to APEX
Bringing Virtual Reality (VR) and Augmented Reality (AR) to APEXDimitri Gielis
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 TypographyMsGilbert
 
Color & Typography
Color & TypographyColor & Typography
Color & TypographyTim Wright
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUIananda gunadharma
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 
Computer programing 111 lecture 1
Computer programing 111 lecture 1 Computer programing 111 lecture 1
Computer programing 111 lecture 1 ITNet
 

What's hot (20)

How to Design a Logo
How to Design a LogoHow to Design a Logo
How to Design a Logo
 
typography
 typography typography
typography
 
Ui design
Ui designUi design
Ui design
 
Typography
TypographyTypography
Typography
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Diapositivas anatomia tipografica
Diapositivas anatomia tipograficaDiapositivas anatomia tipografica
Diapositivas anatomia tipografica
 
A lógica por trás de UX Writing
A lógica por trás de UX WritingA lógica por trás de UX Writing
A lógica por trás de UX Writing
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 
Intro to Typography
Intro to TypographyIntro to Typography
Intro to Typography
 
Bringing Virtual Reality (VR) and Augmented Reality (AR) to APEX
Bringing Virtual Reality (VR) and Augmented Reality (AR) to APEXBringing Virtual Reality (VR) and Augmented Reality (AR) to APEX
Bringing Virtual Reality (VR) and Augmented Reality (AR) to APEX
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
 
Color & Typography
Color & TypographyColor & Typography
Color & Typography
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUI
 
UI/UX Design in Agile process
UI/UX Design in Agile process  UI/UX Design in Agile process
UI/UX Design in Agile process
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)
 
Tipografía
TipografíaTipografía
Tipografía
 
Scrum refinement
Scrum refinementScrum refinement
Scrum refinement
 
Computer programing 111 lecture 1
Computer programing 111 lecture 1 Computer programing 111 lecture 1
Computer programing 111 lecture 1
 

Viewers also liked

Categories of fonts
Categories of fontsCategories of fonts
Categories of fontsSally Garza
 
Trend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports SampleTrend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports Sampleveness13
 
Bro, do you even know fonts?
Bro, do you even know fonts?Bro, do you even know fonts?
Bro, do you even know fonts?learningnight
 
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS Vic Addis
 
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentationoliviasl
 
Typography
TypographyTypography
Typographymjones27
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and TrendsRida Farooq
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?Alexei Kapterev
 

Viewers also liked (13)

Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Trend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports SampleTrend Hunter 2010 Trend Reports Sample
Trend Hunter 2010 Trend Reports Sample
 
Typography3 bh
Typography3 bhTypography3 bh
Typography3 bh
 
Bro, do you even know fonts?
Bro, do you even know fonts?Bro, do you even know fonts?
Bro, do you even know fonts?
 
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
A LEVEL MEDIA: MAGAZINE PRODUCTION- INITIAL IDEAS
 
Type
TypeType
Type
 
Herb Lubalin Presentation
Herb Lubalin PresentationHerb Lubalin Presentation
Herb Lubalin Presentation
 
word excel pp
word excel ppword excel pp
word excel pp
 
Typography
TypographyTypography
Typography
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and Trends
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?
 

Similar to Font Basics - a small introduction

What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...Shobhit Jain
 
Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWahyuRafdinal1
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering TypographyShahria Hossain
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explainedJo Lowes
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdfjb00007
 
Typography (incomplete)
Typography (incomplete)Typography (incomplete)
Typography (incomplete)Dom Knowles
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 textDom Mike
 
Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy finalSenistr0
 
What the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usagedezinegirl creative studio
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...prologuitoedic
 
Learn more About Typography Art Technique
Learn more About Typography Art TechniqueLearn more About Typography Art Technique
Learn more About Typography Art TechniqueRavi Bhadauria
 
Unit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingUnit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingLauren Bratslavsky
 

Similar to Font Basics - a small introduction (20)

What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
 
Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptx
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering Typography
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
 
Typography (incomplete)
Typography (incomplete)Typography (incomplete)
Typography (incomplete)
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy final
 
Typography class 2
Typography class 2Typography class 2
Typography class 2
 
What the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography UsageWhat the Font? A Quick & Helpful Guide for Professional Typography Usage
What the Font? A Quick & Helpful Guide for Professional Typography Usage
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
 
Typefaces
TypefacesTypefaces
Typefaces
 
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
 
Font Types
Font TypesFont Types
Font Types
 
Learn more About Typography Art Technique
Learn more About Typography Art TechniqueLearn more About Typography Art Technique
Learn more About Typography Art Technique
 
Unit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacingUnit2 type anatomy_categories_spacing
Unit2 type anatomy_categories_spacing
 
Science of font
Science of fontScience of font
Science of font
 
Stem 22 text
Stem 22 textStem 22 text
Stem 22 text
 

More from My.Aegean.gr team | University of the Aegean

More from My.Aegean.gr team | University of the Aegean (8)

Infographic - A quick overview on some services and tools for student teams o...
Infographic - A quick overview on some services and tools for student teams o...Infographic - A quick overview on some services and tools for student teams o...
Infographic - A quick overview on some services and tools for student teams o...
 
Σεμινάριο-Workshop Χρήσης Υπηρεσιών του Πανεπιστημίου & χρήσιμες υπηρεσίες γι...
Σεμινάριο-Workshop Χρήσης Υπηρεσιών του Πανεπιστημίου & χρήσιμες υπηρεσίες γι...Σεμινάριο-Workshop Χρήσης Υπηρεσιών του Πανεπιστημίου & χρήσιμες υπηρεσίες γι...
Σεμινάριο-Workshop Χρήσης Υπηρεσιών του Πανεπιστημίου & χρήσιμες υπηρεσίες γι...
 
Posters of My.Aegean.gr - Concept ideas & description
Posters of My.Aegean.gr - Concept ideas & descriptionPosters of My.Aegean.gr - Concept ideas & description
Posters of My.Aegean.gr - Concept ideas & description
 
ΑΙΓΑΙΟ.edu τεύχος #2 -
ΑΙΓΑΙΟ.edu τεύχος #2 - ΑΙΓΑΙΟ.edu τεύχος #2 -
ΑΙΓΑΙΟ.edu τεύχος #2 -
 
ΑΙΓΑΙΟ.edu Newspaper - Issue 2 (Presentation to MyAegean team)
ΑΙΓΑΙΟ.edu Newspaper - Issue 2 (Presentation to MyAegean team)ΑΙΓΑΙΟ.edu Newspaper - Issue 2 (Presentation to MyAegean team)
ΑΙΓΑΙΟ.edu Newspaper - Issue 2 (Presentation to MyAegean team)
 
MyAegean presentation 2010
MyAegean presentation 2010MyAegean presentation 2010
MyAegean presentation 2010
 
Λίγα λόγια για το MyAegean.... οι ταξιδιώτες του Αιγαίου... (Dec 2009)
Λίγα λόγια για το MyAegean.... οι ταξιδιώτες του Αιγαίου... (Dec 2009)Λίγα λόγια για το MyAegean.... οι ταξιδιώτες του Αιγαίου... (Dec 2009)
Λίγα λόγια για το MyAegean.... οι ταξιδιώτες του Αιγαίου... (Dec 2009)
 
Walks in nature of Syros island Cyclades
Walks in nature of Syros island CycladesWalks in nature of Syros island Cyclades
Walks in nature of Syros island Cyclades
 

Recently uploaded

Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 

Recently uploaded (20)

Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 

Font Basics - a small introduction

  • 2. Font In typography, a font (also fount) is traditionally defined as a quantity of sorts composing a complete character set of a single size and style of a particular typeface. After the introduction of computer fonts based on fully scalable outlines, a broader definition evolved.  Font is no longer size-specific, but still refers to a single style.  Bulmer regular, Bulmer italic, Bulmer bold and Bulmer bold italic are four fonts, but one typeface.
  • 3. Font characteristics Weight The weight of a particular font is the thickness of the character outlines relative to their height. A typeface may come in fonts of many weights, from ultra-light to extra-bold or black; four to six weights are not unusual, and a few typefaces have as many as a dozen. Many typefaces for office, Web and non-professional use come with just a normal and a bold weight. If no bold weight is provided, many renderers (browsers, word processors, graphic and DTP programs) support faking a bolder font by rendering the outline a second time at an offset, or just smearing it slightly at a diagonal angle. The base weight differs among typefaces; that means one normal font may appear bolder than some other normal font. For example, fonts intended to be used in posters are often quite bold by default while fonts for long runs of text are rather light. Therefore weight designations in font names may differ in regard to the actual absolute stroke weight or density of glyphs in the font. Attempts to systematize a range of weights led to a numerical classification first used by Adrian Frutiger with the Univers typeface, although originally only ranging from 3 to 8 - e.g.: 35 Extra Light; 45 Light; 55 Medium or Regular; 65 Bold, 75 Extra Bold; 85 Extra Bold; 95 Ultra Bold or Black.
  • 4. Font -  Slope In todayʼs European typefaces, especially roman ones, the font style is usually connected to the angle. When the normal, roman or upright font is slanted – usually to the right in left-to- right scripts – the lowercase character shapes change slightly as well, approaching a more handwritten, cursive style. In many sans-serif and some serif typefaces the characters of the italic fonts are only slanted (oblique), which is often done algorithmically, without otherwise changing their appearance. Such oblique fonts are not true italics, because they lack the change in letter shapes which is part of the definition of an italic. roman italic oblique
  • 5. Font -  Serifs In typography, serifs are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). A typeface without serifs is called sans-serif, from the French sans, meaning “without”. Some typography sources refer to sans-serif typefaces as "grotesque" (in German "grotesk") or "Gothic", and serif types as "Roman".
  • 6. Font -  Sans Serif In typography, a sans-serif or sans serif typeface is one that does not have the small features called "serifs" at the end of strokes. The term comes from the Latin word "sine", via the French word sans, meaning "without". In print, sans-serif fonts are more typically used for headlines than for body text.[1] The conventional wisdom holds that serifs help guide the eye along the lines in large blocks of text. Sans-serifs, however, have acquired considerable acceptance for body text in Europe. Sans-serif fonts have become the de facto standard for body text on-screen, especially online. This is partly because interlaced displays may show twittering on the fine details of the horizontal serifs. Additionally, the low resolution of digital displays in general can make fine details like serifs disappear or appear too large. Before the term “sans-serif” became standard in English typography, a number of other terms had been used. One of these outmoded terms for sans serif was gothic, which is still used in East Asian typography and sometimes seen in font names like Century Gothic. Sans-serif fonts are sometimes, especially in older documents, used as a device for emphasis, due to their typically blacker type color.
  • 7. Font -  San-Serifs ■ Grotesque, early sans-serif designs, such as Grotesque, Akzidenz Grotesk, and Franklin Gothic. ■ Neo-grotesque or Transitional or Realist, modern designs such as Standard, Bell Centennial, MS Sans Serif, Helvetica, Univers, Highway Gothic, and Arial. These are the most common sans-serif fonts. They are relatively straight in appearance and have less line width variation than Humanist sans-serif typefaces. Transitional sans-serif is sometimes called "anonymous sans-serif" due to its relatively plain appearance. ■ Humanist (Calibri, Johnston, Lucida Grande, Segoe UI, Gill Sans, Myriad, Frutiger, Trebuchet MS, Tahoma, Verdana and Optima, a.k.a. Zapf Humanist). These are the most calligraphic of the sans-serif typefaces, with some variation in line width and more legibility than other sans-serif fonts. ■ Geometric (Futura, ITC Avant Garde, Century Gothic, Gotham, or Spartan). As their name suggests, Geometric sans-serif typefaces are based on geometric shapes. Note the optically circular letter "O" and the simple construction of the lowercase letter "a". Geometric sans-serif fonts have a very modern look and feel. Of these four categories, geometric fonts tend to be the least useful for body text. Note that in some sans-serif fonts, such as Arial, the capital-i and lowercase-L appear identical. Verdana, however, keeps them distinct because Verdana's capital-i, as an exception, has serifs. Other fonts may have two horizontal bars on the capital-i, a curved tail on the lowercase-L, or both.
  • 8. Font -  Slab-Serif In typography, a slab serif (also called mechanistic, square serif or Egyptian) typeface is a type of serif typeface characterized by thick, block-like serifs. Serif terminals may be either blunt and angular (Rockwell), or rounded (Courier). Slab serif typefaces generally have no bracket (feature connecting the strokes to the serifs). Some consider slab serifs to be a subset of modern serif typefaces. Because of their bold appearance, they are most commonly used in large headlines and advertisements but are seldom used in body text. The exception is those that are monospaced, because of their usage in typewriters, but that is declining as electronic publishing becomes more common. Another recent exception is the typeface designed for The Guardian newspaper in the UK which is an Egyptian used through the paper as body text.
  • 9. Font -  Slab-Serif Clarendon model Clarendon typefaces, unlike other slab serifs, actually have some bracketing and some contrast in size in the actual serif. Examples include Clarendon and Egyptienne. Neo-grotesque model The most common slab serif typefaces, Neo-grotesque have no bracketing and evenly weighted stems and serifs. The letterforms are similar to neo-grotesque or realist sans-serif fonts. Examples include Rockwell and Memphis. Italienne model In the Italienne model, the serifs are even heavier than the stems, forging a dramatic, attention-drawing effect. Some Italienne slab serifs, such as Playbill, have a characteristic Western appearance, likely as a result of their frequent use in western-era posters. Typewriter typefaces Typewriter slab serif typefaces are named for their use in strike-on typewriting. These faces originated in monospaced format with fixed-width, meaning that every character takes up exactly the same amount of horizontal space. This feature is necessitated by the nature of the typewriter apparatus. Examples include Courier and Courier New (both Neo-grotesque model) and Prestige Elite (Clarendon model).
  • 10. Helvetica Helvetica is a widely used sans-serif typeface developed in 1957 by Swiss typeface designer Max Miedinger with Eduard Hoffmann.[1] Helvetica (film) is an independent feature-length documentary film about typography and graphic design, centered on the typeface of the same name. Directed by Gary Hustwit. Its content consists of a history of the typeface interspersed with candid interviews with leading graphic and type designers. The film aims to show Helvetica's beauty and ubiquity, and illuminate the personalities that are behind typefaces. It also explores the rift between modernists and postmodernists, with the latter expressing and explaining their criticisms of the famous typeface.
  • 11. 2010, “dpsd Beyond” student initiative & “MyAegean” team University of the Aegean, Greece Released under Creative Commons BY-SA license C by a { Some registered trademarks are “© All Rights Reserved” and used with respect to owners & contributors } resources / content via proudly supported by :::: credits :::: info