SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1Jennifer Janviere
 
Learn python – for beginners
Learn python – for beginnersLearn python – for beginners
Learn python – for beginnersRajKumar Rampelli
 
Difference between frontend and backend
Difference between frontend and backendDifference between frontend and backend
Difference between frontend and backendRahul Rana
 
Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)
Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)
Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)ASHISH JUMADE
 
Visual Studio Code Can Do That: Tips & Tricks
Visual Studio Code Can Do That: Tips & TricksVisual Studio Code Can Do That: Tips & Tricks
Visual Studio Code Can Do That: Tips & TricksMicrosoft Tech Community
 
Graphic design
Graphic designGraphic design
Graphic designnikitap997
 
Programming Fundamental Presentation
Programming Fundamental PresentationProgramming Fundamental Presentation
Programming Fundamental Presentationfazli khaliq
 
BASIC Programming Language
BASIC Programming LanguageBASIC Programming Language
BASIC Programming LanguageJeff Valerio
 
Native automation tooling for mobile application testing.pptx
Native automation tooling for mobile application testing.pptxNative automation tooling for mobile application testing.pptx
Native automation tooling for mobile application testing.pptxMesut Günes
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The BasicsMainstreethost
 

La actualidad más candente (20)

Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Introduction to qbasic
Introduction to qbasicIntroduction to qbasic
Introduction to qbasic
 
Input devices
Input devicesInput devices
Input devices
 
Panjabi cuisine
Panjabi cuisinePanjabi cuisine
Panjabi cuisine
 
Qbasic introduction
Qbasic introductionQbasic introduction
Qbasic introduction
 
Learn python – for beginners
Learn python – for beginnersLearn python – for beginners
Learn python – for beginners
 
The typography
The typographyThe typography
The typography
 
Difference between frontend and backend
Difference between frontend and backendDifference between frontend and backend
Difference between frontend and backend
 
Computer programming
Computer programmingComputer programming
Computer programming
 
Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)
Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)
Goan cuisine,by-ashish jumade & jatin devadiga(ihm ahmedabad)
 
Visual Studio Code Can Do That: Tips & Tricks
Visual Studio Code Can Do That: Tips & TricksVisual Studio Code Can Do That: Tips & Tricks
Visual Studio Code Can Do That: Tips & Tricks
 
Graphic design
Graphic designGraphic design
Graphic design
 
Programming Fundamental Presentation
Programming Fundamental PresentationProgramming Fundamental Presentation
Programming Fundamental Presentation
 
BASIC Programming Language
BASIC Programming LanguageBASIC Programming Language
BASIC Programming Language
 
Computer
ComputerComputer
Computer
 
Native automation tooling for mobile application testing.pptx
Native automation tooling for mobile application testing.pptxNative automation tooling for mobile application testing.pptx
Native automation tooling for mobile application testing.pptx
 
Computer programming
Computer programmingComputer programming
Computer programming
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Introduction to loops
Introduction to loopsIntroduction to loops
Introduction to loops
 

Destacado

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
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?Alexei Kapterev
 

Destacado (12)

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
 
Intro to Typography
Intro to TypographyIntro to Typography
Intro to Typography
 
word excel pp
word excel ppword excel pp
word excel pp
 
Typography
TypographyTypography
Typography
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?
 

Similar a 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
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
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 a 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
 
typography
 typography typography
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)
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
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
 

Más de My.Aegean.gr team | University of the Aegean

Más de 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
 

Último

ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseAnaAcapella
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxVishalSingh1417
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxEsquimalt MFRC
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxmarlenawright1
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfSherif Taha
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfNirmal Dwivedi
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxheathfieldcps1
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Pooja Bhuva
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxPooja Bhuva
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibitjbellavia9
 

Último (20)

ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 

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