SlideShare a Scribd company logo
1 of 41
Basics of Typography
Anatomy of Type
Historic Families of Type and Classification
Type / Typeface / Font / Families of Type
Studying a Typeface
Kerning, Leading,
Tracking, Measuring Type
A designer measures type as well as the spatial intervals between
typographic elements. These intervals occur between letters,
between words, and between two lines of type
The spatial interval between letters is called letterspacing
Adjusting the letterspacing is called kerning
The spatial interval between words is word spacing
The spatial interval between two lines of type is line spacing,
traditionally called leading in metal type, where strips of lead of
varying thickness (measured in points) were used to increase the
space between lines of type
Kerning
Kerning adjusts the distance between two letters.
Set too closely together, words are indecipherable;
set too far apart, and they're awkward to read.
How to Adjust Kerning in
Adobe Illustrator / Photoshop
Open the character palette
located under Window and then Character
Change the number in the Kerning field.
The Kerning field is below the type size.
Don’t forget to highlight the text you want to change before adjusting it
Leading
Leading is an essential design aspect that
determines how text is spaced vertically in lines.
Leading refers to the distance between the baselines of
successive lines of type
You'll want to make sure the distance from the bottom of the
words above to the top of the words below has appropriate
spacing to make them legible.
How to Adjust Leading in
Adobe Illustrator / Photoshop
Open the character palette
located under Window and then Character
Change the number in the leading field.
The leading field is next to the type size.
Don’t forget to highlight the text you want to change before adjusting it
Tracking
Tracking is often confused for kerning,
but the concept is a little different.
Tracking involves adjusting the spacing
throughout the entire word.
Tracking
Once you've determined the right spacing between
each letter, tracking can be used, with great restraint,
to change the spacing equally between every letter at once.
You should be very careful when changing the
tracking, as it can quickly lead to difficulty in reading.
How to Adjust Tracking in
Adobe Illustrator / Photoshop
Open the character palette
located under Window and then Character
Change the number in the Tracking field.
The Tracking field is below the kerning field.
Don’t forget to highlight the text you want to change before adjusting it
Measuring Type
The traditional system of typographic measurement
utilizes two basic units: the point and the pica.
The height of type is measured in points
The width of a letter or a line of type is measured in picas
Measuring Type
Most type is available in sizes ranging from 5 points to 72 points
Type that is 14 points and less is used for setting text
and is called text type or body copy.
Sizes above 14 points are used for display type.
Measuring Type
Measuring Type
In metal type, letterspacing and word spacing are
produced by the insertion of
quads
-a metal block shorter than
the type height—between pieces of metal type.
Both traditionally and today,
an “em” is used as a unit of measure.
Measuring Type
Originally the em was a unit of measurement roughly
equivalent to the width of the capital M in a given typeface
at a specific point size. Now the em is usually sized to be
equivalent to the point size of a given font.
For 12 point type, a 2-em indent would be 24 points — 2 x 12.
One half of an em is called an “en.”
Measuring Type

More Related Content

What's hot

Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
Abanoub Hanna
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
Graeme Smith
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
Greg Sarles
 

What's hot (20)

Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
Typography
TypographyTypography
Typography
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
The typography
The typographyThe typography
The typography
 
Basics of typography hierarchy
Basics of typography hierarchyBasics of typography hierarchy
Basics of typography hierarchy
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and Readability
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
Typography
TypographyTypography
Typography
 
Typography ppt
Typography pptTypography ppt
Typography ppt
 
Typography
TypographyTypography
Typography
 
GRAPHIC DESIGN PRESENTATION
GRAPHIC DESIGN PRESENTATIONGRAPHIC DESIGN PRESENTATION
GRAPHIC DESIGN PRESENTATION
 
Intro to Graphic Design Elements
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design Elements
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 
Graphic design
Graphic designGraphic design
Graphic design
 
Communication design
Communication designCommunication design
Communication design
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspiration
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
 

Viewers also liked

IFS Article - Exporter 90
IFS Article - Exporter 90IFS Article - Exporter 90
IFS Article - Exporter 90
Saahd Ghouse
 
Google Analytics & AdWords 101
Google Analytics & AdWords 101Google Analytics & AdWords 101
Google Analytics & AdWords 101
Roberto Lopez
 

Viewers also liked (19)

Typography Anatomy presentation 2016
Typography Anatomy presentation 2016Typography Anatomy presentation 2016
Typography Anatomy presentation 2016
 
1.letterAnatomy
1.letterAnatomy1.letterAnatomy
1.letterAnatomy
 
Repaso
RepasoRepaso
Repaso
 
Mapa mental
Mapa mentalMapa mental
Mapa mental
 
myprofile112715
myprofile112715myprofile112715
myprofile112715
 
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
2016_07_11 ТАРАСЕНКО Т.М. завідувач обласної консультативної поліклініки
 
Valores, creencias y normas
Valores, creencias y normasValores, creencias y normas
Valores, creencias y normas
 
Benchmarking PPP 2017 - WB
Benchmarking PPP 2017 - WBBenchmarking PPP 2017 - WB
Benchmarking PPP 2017 - WB
 
IFS Article - Exporter 90
IFS Article - Exporter 90IFS Article - Exporter 90
IFS Article - Exporter 90
 
Participación de los padres
Participación de los padresParticipación de los padres
Participación de los padres
 
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
79-Dr Ahmed Esawy imaging oral board MRI TMJ JOINT
 
69-Dr Ahmed Esawy imaging oral board diagnostic imaging spine brain head nec...
69-Dr Ahmed Esawy imaging  oral board diagnostic imaging spine brain head nec...69-Dr Ahmed Esawy imaging  oral board diagnostic imaging spine brain head nec...
69-Dr Ahmed Esawy imaging oral board diagnostic imaging spine brain head nec...
 
Historiaurrea june galan
Historiaurrea june galanHistoriaurrea june galan
Historiaurrea june galan
 
71-Dr Ahmed Esawy imaging oral board of MRI hip joint part I
71-Dr Ahmed Esawy imaging oral board of  MRI hip joint part I71-Dr Ahmed Esawy imaging oral board of  MRI hip joint part I
71-Dr Ahmed Esawy imaging oral board of MRI hip joint part I
 
Las funciones de la educación
Las funciones de la educaciónLas funciones de la educación
Las funciones de la educación
 
66-Dr Ahmed Esawy imaging oral board of function MRI MRS DWI MRI PERFUSION
66-Dr Ahmed Esawy  imaging oral board of  function MRI MRS DWI MRI PERFUSION66-Dr Ahmed Esawy  imaging oral board of  function MRI MRS DWI MRI PERFUSION
66-Dr Ahmed Esawy imaging oral board of function MRI MRS DWI MRI PERFUSION
 
Better Typography
Better TypographyBetter Typography
Better Typography
 
Google Analytics & AdWords 101
Google Analytics & AdWords 101Google Analytics & AdWords 101
Google Analytics & AdWords 101
 
EL CUERPO HUMANO
EL CUERPO HUMANOEL CUERPO HUMANO
EL CUERPO HUMANO
 

Similar to Basics of typography kerning

Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
ruedardz
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
ruedardz
 
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
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
Bryan Chung
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
valell
 
P. 41 to 54 Regina Cuevas
P. 41 to 54 Regina CuevasP. 41 to 54 Regina Cuevas
P. 41 to 54 Regina Cuevas
rexcuevas
 

Similar to Basics of typography kerning (20)

Typography class 3
Typography class 3Typography class 3
Typography class 3
 
Chap6
Chap6Chap6
Chap6
 
Typography manual2pages
Typography manual2pagesTypography manual2pages
Typography manual2pages
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
 
Pamela p. 41 to 54
Pamela p. 41 to 54Pamela p. 41 to 54
Pamela p. 41 to 54
 
Cyberworx Brand identity
Cyberworx Brand identityCyberworx Brand identity
Cyberworx Brand identity
 
Text
TextText
Text
 
2010 04 Formatting Text
2010 04 Formatting Text2010 04 Formatting Text
2010 04 Formatting Text
 
Cristina gzz exam
Cristina gzz examCristina gzz exam
Cristina gzz exam
 
CHAPTER – 3 Text
CHAPTER – 3    TextCHAPTER – 3    Text
CHAPTER – 3 Text
 
Typography
TypographyTypography
Typography
 
Formatting Text
Formatting TextFormatting Text
Formatting Text
 
Tips and Tricks how to use Typography
Tips and Tricks how to use TypographyTips and Tricks how to use Typography
Tips and Tricks how to use Typography
 
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...
 
VA1160 - Class 11
VA1160 - Class 11VA1160 - Class 11
VA1160 - Class 11
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdg
 
Basic formatting
Basic formattingBasic formatting
Basic formatting
 
Font new edit
Font new editFont new edit
Font new edit
 
P. 41 to 54 Regina Cuevas
P. 41 to 54 Regina CuevasP. 41 to 54 Regina Cuevas
P. 41 to 54 Regina Cuevas
 

Recently uploaded

一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 

Recently uploaded (20)

一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...
Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...
Nishatganj ? Book Call Girls in Lucknow | Book 9548273370 Extreme Naughty Cal...
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Abu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
Abu Dhabi Call girls Service0556255850 Call girls in Abu DhabiAbu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
Abu Dhabi Call girls Service0556255850 Call girls in Abu Dhabi
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 

Basics of typography kerning

  • 2. Anatomy of Type Historic Families of Type and Classification Type / Typeface / Font / Families of Type Studying a Typeface Kerning, Leading, Tracking, Measuring Type
  • 3. A designer measures type as well as the spatial intervals between typographic elements. These intervals occur between letters, between words, and between two lines of type The spatial interval between letters is called letterspacing Adjusting the letterspacing is called kerning The spatial interval between words is word spacing The spatial interval between two lines of type is line spacing, traditionally called leading in metal type, where strips of lead of varying thickness (measured in points) were used to increase the space between lines of type
  • 4. Kerning Kerning adjusts the distance between two letters. Set too closely together, words are indecipherable; set too far apart, and they're awkward to read.
  • 5.
  • 6.
  • 7. How to Adjust Kerning in Adobe Illustrator / Photoshop Open the character palette located under Window and then Character Change the number in the Kerning field. The Kerning field is below the type size. Don’t forget to highlight the text you want to change before adjusting it
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21. Leading Leading is an essential design aspect that determines how text is spaced vertically in lines. Leading refers to the distance between the baselines of successive lines of type You'll want to make sure the distance from the bottom of the words above to the top of the words below has appropriate spacing to make them legible.
  • 22.
  • 23. How to Adjust Leading in Adobe Illustrator / Photoshop Open the character palette located under Window and then Character Change the number in the leading field. The leading field is next to the type size. Don’t forget to highlight the text you want to change before adjusting it
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29. Tracking Tracking is often confused for kerning, but the concept is a little different. Tracking involves adjusting the spacing throughout the entire word.
  • 30. Tracking Once you've determined the right spacing between each letter, tracking can be used, with great restraint, to change the spacing equally between every letter at once. You should be very careful when changing the tracking, as it can quickly lead to difficulty in reading.
  • 31. How to Adjust Tracking in Adobe Illustrator / Photoshop Open the character palette located under Window and then Character Change the number in the Tracking field. The Tracking field is below the kerning field. Don’t forget to highlight the text you want to change before adjusting it
  • 32.
  • 33.
  • 34.
  • 35. Measuring Type The traditional system of typographic measurement utilizes two basic units: the point and the pica. The height of type is measured in points The width of a letter or a line of type is measured in picas
  • 36. Measuring Type Most type is available in sizes ranging from 5 points to 72 points Type that is 14 points and less is used for setting text and is called text type or body copy. Sizes above 14 points are used for display type.
  • 38. Measuring Type In metal type, letterspacing and word spacing are produced by the insertion of quads -a metal block shorter than the type height—between pieces of metal type. Both traditionally and today, an “em” is used as a unit of measure.
  • 39.
  • 40. Measuring Type Originally the em was a unit of measurement roughly equivalent to the width of the capital M in a given typeface at a specific point size. Now the em is usually sized to be equivalent to the point size of a given font. For 12 point type, a 2-em indent would be 24 points — 2 x 12. One half of an em is called an “en.”