Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
0% found this document useful (0 votes)
301 views32 pages

Typography

Download as pdf or txt
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 32

Typography

What Is Typography?
Typography is the art of arranging letters and text in a way that makes the copy
legible, clear, and visually appealing to the reader.

Typography involves font style, apperance, and structure, which aims to elicit cer-
tain emotions and convey specific messages.
In short, typography is what brings the text to life.
terminal

cap
hight

Typography
steam
serif
baseline
Typography Anatomy
CAP HIGHT BASELINE
Cap hight refers to the height of a typeface’s flat capital Baseline is the invisible line upon which a line of text rests.
letters (such as M or I) measured from the baseline. Round In Material Design, the baseline is an important
and pointed capital letters, (such as S and A) are optically specification in measuring the vertical distance between
adjusted by being drawn with a slight overshoot above the text and an element.
cap height to achieve the effect of being the same size.

STEAM SERIF
Steam is a vertical stroke in a letterform. Can be found in both A stroke drawn at right angle or obliquely across the arm,
lowercase and uppercase letters. stem, or tail of a letter. It is found on vertical and horizontal
strokes of some characters.

TERMINAL
Any stroke which does not terminate in a serif is a terminal. It can be either straight or curved.
Aa Serif

A a Sans Serif
Types Of
Aa Script
Typography
Aa Monospaced

  Display
SERIF
This type of font is known by the “feet” seen
at the top and bottom of each letter.

This
Types of Serif Fonts

Humanist Serif Transitional Slab Serif


Humanist Serif
Humanist typefaces were the first
Roman typefaces.You'll often see
This
classic and traditional content printed
with a humanist serif typeface, like
books and articles.
{
Transitional Serif
Transitional serif typefaces
have sharper serifs and more
contrasting strokes to create
a style that's strong and
This
dynamic, and is often used
in law or academics.
Georgia and Baskerville are
Transitional serif typefaces.
Slab Serif

Slab Serif, or Egyptian or square serif, typefaces have


heavy and boxy serifs with almost no contrast in the
strokes of the letter. Popular Slab serif typefaces include
Courier and Rockwell.

This
SANS SERIF
Sans serif typefaces are considered more
modern than serif typefaces. They lack the
strokes that distinguish a serif typeface.

This
Types of Sans Serif Fonts
Humanist Sans Transitional Sans Geometric Sans
Serif Serif Serif
Humanist sans serif typefaces emulate Transitional sans serif typefaces have strong Geometric sans serif typefaces use geometric
calligraphy and have minimalist contrasting strokes and more upright and uniform shapes to form the backbones of the letters,
strokes. These design of these typefaces are characters than Humanist typefaces. Their which creates a strict, objective, and
good matches for small text, so they're often unassuming and modern feel works great for universal feel.
used in government, education, or finance tech and transportation writing.
work. Gill Sans and Whitney are considered opening would be circular or square and
Humanist sans serif typefaces. then repeated with other letters that have
the same type of opening. Europa and

This
Futura PT are examples of Geometric

This
typefaces.

Hello
SCRIPT
Script typefaces are considered decorative fonts.
They're intended to look like they were handwritten
or like calligraphy. These fonts are not a great choice
for body copy because of their lack of readability.
Script typefaces are also more fluid than other
typefaces.

This
Types of Script Fonts
Formal
Formal scripts are often graceful and fluid with connecting Casual Casual script typefaces look the most like

Script
handwriting, since they're usually more friendly and
strokes. Traditional wedding invitations use formal script

Script
appear to be drawn with a pen, maker, or brush.
typefaces. They're often used for decoration and for elegant or
Casual typefaces are often used within ads and
sophisticated works.
more informal settings since they often look like they
Mahogany Script is a Formal script.

This
were written quickly. Black Jack is an example of a
Casual script typeface.

This
Calligraphic
Script
Calligraphic script typefaces are meant to look like handwriting
that's fancy. These typefaces, like casual script, often look like
they've been created with a calligraphy pen or brush. Bomb-

This
shell Pro is Calligraphic script typeface.
MONOSPACED
Monospaced characters have a fixed width, or the
same amount of horizontal space. These fonts were
invented to comply with the mechanical requirements
of typewriters. Example of Monospaced is Bergen
Mono.

THIS
Types of Monospaced Fonts
Bergen
The font still maintains the monospaced digital personality,
and it's a great fit for print and digital projects.
This
Alma Mono
Alma Mono is a monospaced font that includes rounded ends on the
characters. Because of that, the font gives off a friendlier personality
This
compared to its super digital predecessors.

Cartograph
Cartograph includes italics in a cursive style, which is a great option to have
if you are looking for a font that's not plain.
This
DISPLAY
A display font is a broad category of fonts that are
designed for short-form and often large-format
applications, such as billboards or posters;
logotypes; headlines or headings in magazines or
websites; and book covers. Display fonts transcend
ΤΗΙΣ
styles—they can be a serif font, slab serif, didone, script,
Activity
Random 50 fonts from dafont and in which
case this font looks.
Font Picture Font Name Where it can be use
Script Decoration, as a main
Display heading for a book/poster

Serif Decoration, as a main


Display heading for a book/poster

Script very short text in posters.

Script very short text in posters.


Font Picture Font Name Where it can be use
Script Decoration, as a main
Display heading for a book/poster

very short text in posters, or


Script as a siginture, show the feeling

very short text in posters, or


Script as a siginture.

Script very short text in posters,


writing names
Font Picture Font Name Where it can be use
Usually use for writing
Sans serif paragraph

Looks good to write main


Sans serif heading

Display

(Complicate to understand, dont


Monospace know where to use.)
Font Picture Font Name Where it can be use
Good for writing main
Display heading/ code language
Sans serif Good for writing main
Display heading.
Display Good for writing main
Monospace heading.
Sans serif
Display
Font Picture Font Name Where it can be use
Good for writing main
Display heading/ code language
Sans serif Good for writing main
Display heading.
Display Good for writing main
Monospace heading.
Sans serif
Display
Font Picture Font Name Where it can be use
Looks good in children
Serif book cover page

Serif

Sans serif
Good for writing sub
Serif heading.
Font Picture Font Name Where it can be use

Script Writing name

Display Spooky titles

Showing feelings like


Script congratulations
Showing feelings like
Script congratulations
monospace
Font Picture Font Name Where it can be use
Monospace Good for writing main
Sans serif heading.
Good for writing main
Sans serif heading.
Good for writing main
Sans serif heading.
Good for writing main
Serif heading.
Font Picture Font Name Where it can be use

Script

I like this font dont


Script know why.

Script

Display
Font Picture Font Name Where it can be use

Sans serif

Display

Sans serif
Display
Font Picture Font Name Where it can be use
Looks good on advertising
kids type of game as a main heading

Looks good while making something


Display related to beach poster

Display Looks good on advertising


kids type of game as a main heading
Sans serif
Display Looks good on advertising
Sans serif kids type of game as a main heading
Font Picture Font Name Where it can be use
Display Looks good on advertising casino
Sans serif or poker games

Display Looks good on advertising ancient


serif type of game

Display Looks good on advertising school


Sans serif workshop or festivales.

Display Looks good on advertising school


Sans serif workshop or festivales.
Font Picture Font Name Where it can be use
Display
Sans serif

Display Might looks good on


horror type of Ad

Might looks good cute


Display type of Ad

I like it , dont know


Sans serif where exactly it can
be use.
Font Picture Font Name Where it can be use

Monospace

Display Looks good on Star


war type of movie Ad
Sorry for leaving blanks in some cases due to
Pressure from all the work/school etc
My father start to irratate me with irratating
question
Hungry
My mind was not fresh after doing font 20 (I did
up to 20 this morning)

You might also like