Class of

Adobe
Photoshop CC
Typography
Types of Times New Roman
Fonts Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus non
cursus tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis
accumsan dolor. Aenean hendrerit nulla ac sem elementum, in euismod leo
volutpat. Nam sagittis sed erat ac varius. Sed euismod enim sed bibendum
efficitur. Nulla vitae imperdiet mauris. Cras et ligula leo.

Serif Georgia
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere
Serif fonts are the oldest, most basic fonts in purus non cursus tincidunt. Donec turpis tellus, imperdiet ac nulla
the book. This classical type of font can be mattis, convallis accumsan dolor. Aenean hendrerit nulla ac sem
elementum, in euismod leo volutpat. Nam sagittis sed erat ac varius.
used in a variety of different ways and will Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet
likely never go out of style. This type of font is mauris. Cras et ligula leo.
known by the “feet” seen at the top and
bottom of each letter. Garamond
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus non
cursus tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis accumsan
personality: classic, traditional, professional, dolor. Aenean hendrerit nulla ac sem elementum, in euismod leo volutpat. Nam
reliable, beautiful, age sagittis sed erat ac varius. Sed euismod enim sed bibendum efficitur. Nulla vitae
imperdiet mauris. Cras et ligula leo.
Types of Roboto
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere
purus non cursus tincidunt. Donec turpis tellus, imperdiet ac nulla

Fonts
mattis, convallis accumsan dolor. Aenean hendrerit nulla ac sem
elementum, in euismod leo volutpat. Nam sagittis sed erat ac varius.
Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet mauris.
Cras et ligula leo.

Montserrat
Sans-Serif Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
posuere purus non cursus tincidunt. Donec turpis tellus,
imperdiet ac nulla mattis, convallis accumsan dolor. Aenean
This classification originates from the French hendrerit nulla ac sem elementum, in euismod leo volutpat. Nam
word “sans,” which literally means “without.” sagittis sed erat ac varius. Sed euismod enim sed bibendum
efficitur. Nulla vitae imperdiet mauris. Cras et ligula leo.

personality: modern, clean, universal, cool,

young, stability, trendy Verdana
Lorem ipsum dolor sit amet, consectetur adipiscing elit.Ut
posuere purus non cursus tincidunt. Donec turpis tellus,
imperdiet ac nulla mattis, convallis accumsan dolor. Aenean
hendrerit nulla ac sem elementum, in euismod leo volutpat.
Nam sagittis sed erat ac varius. Sed euismod enim sed
bibendum efficitur. Nulla vitae imperdiet mauris. Cras et
ligula leo.
Types of Zilla Slab
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere
purus non cursus tincidunt. Donec turpis tellus, imperdiet ac nulla

Fonts
mattis, convallis accumsan dolor. Aenean hendrerit nulla ac sem
elementum, in euismod leo volutpat. Nam sagittis sed erat ac varius. Sed
euismod enim sed bibendum efficitur. Nulla vitae imperdiet mauris. Cras
et ligula leo.

Bree Serif
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere
Slab-Serif purus non cursus tincidunt. Donec turpis tellus, imperdiet ac nulla
mattis, convallis accumsan dolor. Aenean hendrerit nulla ac sem
The slab serif family is characterized by thick elementum, in euismod leo volutpat. Nam sagittis sed erat ac varius.
block lines at the end of strokes. Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet
mauris. Cras et ligula leo.

personality: bold, contemporary, solid Ultra

Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Ut posuere purus non cursus
tincidunt. Donec turpis tellus, imperdiet ac nulla
mattis, convallis accumsan dolor. Aenean
hendrerit nulla ac sem elementum, in euismod
leo volutpat. Nam sagittis sed erat ac varius. Sed
euismod enim sed bibendum efficitur. Nulla vitae
imperdiet mauris. Cras et ligula leo.
Types of Luckiest guy

Fonts
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
posuere purus non cursus tincidunt. Donec turpis tellus,
imperdiet ac nulla mattis, convallis accumsan dolor. Aenean
hendrerit nulla ac sem elementum, in euismod leo volutpat.
Nam sagittis sed erat ac varius. Sed euismod enim sed bibendum
efficitur. Nulla vitae imperdiet mauris. Cras et ligula leo.

Display banger
The largest and most diverse type classification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus non cursus
These typefaces are creatively used for signage, tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis accumsan dolor.
headlines and all other display projects requiring Aenean hendrerit nulla ac sem elementum, in euismod leo volutpat. Nam sagittis sed
erat ac varius. Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet mauris.
a strong typographic statement. Some of the font Cras et ligula leo.
families use unorthodox letter shapes and
proportions to create a more dramatic effect and
Bebas neue
distinctive appearance Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus non cursus
tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis accumsan dolor. Aenean
hendrerit nulla ac sem elementum, in euismod leo volutpat. Nam sagittis sed erat ac varius.
personality: varied in style, fun, friendly, creative. Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet mauris. Cras et ligula leo.
Types of
Fonts Pinyon Script
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus non cursus
tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis accumsan dolor.
Aenean hendrerit nulla ac sem elementum, in euismod leo volutpat. Nam sagittis sed
erat ac varius. Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet mauris.
Cras et ligula leo.

Script
This font family emulates handwriting, Caveat
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus non cursus
calligraphy and cursive. They take inspiration
tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis accumsan dolor. Aenean
from historical practice in which most logo hendrerit nulla ac sem elementum, in euismod leo volutpat. Nam sagittis sed erat ac varius.
designs, headlines and shop fronts used Sed euismod enim sed bibendum efficitur. Nulla vitae imperdiet mauris. Cras et ligula leo.
custom-designs by engravers and sign
painters.
Pacifico
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere purus
personality: heritage, elegance, tradition, non cursus tincidunt. Donec turpis tellus, imperdiet ac nulla mattis, convallis
accumsan dolor. Aenean hendrerit nulla ac sem elementum, in euismod leo
feminine, stylish volutpat. Nam sagittis sed erat ac varius. Sed euismod enim sed bibendum
efficitur. Nulla vitae imperdiet mauris. Cras et ligula leo.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Type Tool
Font type Tracking
A group of characters, letters, process of loosening or tightening the
numbers, that have the same design spacing between the characters in
selected text or an entire block of text.
Font style
Specific style of typeface (regular/ Horizontal & Vertical size
bold/italic/etc.) Scale the font horizontally or vertically.

Font size Baseline shift

Define the size of the font. Adjust the height of baseline.

Leading Color
The space between baseline. Set the color of the text.

Kerning
process of adding or subtracting
space between specific pairs of
characters.
Thank You!
Pramono Hadi Sigit
[email protected]
@pramonosigit