finding and creating unique fonts

Post on 11-Apr-2017

92 Views

Category:

Design

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

FINDING AND CREATING UNIQUE FONTS

Presenter: Diana Silveira Novare Library Services

AGENDA• Font Basics • Which font types best? • Find and use fonts for free • Create your own font

MAIN TYPES OF FONTS

Image and More: Charlotte Martin Designs

VOCABULARY OF FONTS

Want more terminology check out: Image: Laymanslayout.wordpress.com Fonts Glossary Canvas Typography Terms

MAIN TYPES OF FONTS: SERIF V NON SERIF

Image: Canvas Typography Terms

A FEW ADDITIONAL TERMS

Image: Canvas Typography Terms

GLYPHS SWASHES AND LIGATURES

➤ GLYPH: a hieroglyphic character or symbol; a pictograph.

Glyph Examples: Base Lab

▸ LIGATURES: Connecting two characters

▸ SWASHES: “extensions of a terminal, leg, tail, ascender, descender, crossbar and entry/exit stroke”

Ligature and Swash Image: HighPulp

WHICH FONT IS BEST?

Meme from: Source Unknown

FONT BASICS

➤ Readability

➤ Eye Catching

➤ Purpose

READABILITY

➤ Posters should be readable 5-7 Feet away

➤ Sans Serif is often perceived as easier to read

➤ Match bold fonts as headlines with simple fonts for smaller content

➤ Match Serif and non-serif but watch for conflicts or overly matchy

More and Images from: Canva Design, 10 Must Know Tips

EYE CATCHING

➤ Avoid excessive text.

➤ Rule of thumb: “Poster should have roughly 20% text, 40% figures, 40% space”

Source: MakeSigns.com

HEADLINES DISPLAY OR DECORATIVE➤ Body should be clean

➤ Serif or non serif

➤ Keep spacing so its easy on the eye

OVER ALL AESTHETICS

➤ Match mood and font through: graphics and icons

➤ Align, Align, Align

➤ 2 Fonts - vary size and weight for emphasis

➤ Remember to contrast the background when picking colors

➤ Don’t let the background overtake the typography

Image: Hubspot

PURPOSE

➤ Who is your audience?

➤ What is the purpose?

➤ What mood are you trying to convey?

GhosTly

Event for

Teens

StorytimeHistory Professor Lecture on George

Washington

http://www.julianhansen.com/zimmer/37hfl0zgbkt40le3ocjbub2ikgcgpc

FILE TYPES” TTF V OTF

➤ TTF: The original file type created in the 80s

➤ OTF: Modern File type created as allows for:

➤ Ligatures

➤ Glyphs

➤ Small caps

➤ Alternate characters

➤ Old-style figures

MakeUseOf

WHERE TO FIND FONTS?

CREATIVE MARKET

Creative Market

NORTHERN BLOCK

Northern Block

FONT SQUIRREL

fontsquirrel.com

GOOGLE FONTS

Google Fonts

FONT CAB

FontCab

DAFONT

dafont.com

CREATING YOUR OWN FONT

image: pixelsurplus

METAFLOP

Metaflop

MY SCRIPT FONT

myscriptfont.com

Now I can type like I right :)

FONTSTRUCT

fontstruct

BIRD FONT

Birdfont

More software to try, visit: Elegant Themes BlogPost

BEST PRACTICES & TIPS

PORTABILITY OPTIONS WITH FONTS

➤ Install fonts (bring them along with you)

➤ Create a PDF or JPG

➤ Avoid fonts that will not likely

NO MORE THAN 2 FONTS

poster template from PosterMyWall.com

RESIZE DON’T STRETCH

Image CGFROG

WHAT TIPS, SITES OR THOUGHTS DO YOU WANT TO ADD?

A FEW OF MY FAVORITE FONTS

➤ Helvetica➤ Supra

➤ Marker Felt ➤ Code and CODE LIGHT

➤ ATTITUDE

➤ Brusher

100 Best Free Fonts of 2017

what are your favorite fonts?

Comic Sans Neue

CREATE PLACES FOR TEMPLATES

➤ canva.com

➤ Poster My Wall

➤ Creative Market

Additional great sites: Graphic River Envato Market Designer Cuts

Extra Resources to Checkout Finding the Right Font Typography Handbook

CONTACT INFORMATION Diana Silveira, Novare Library Services

novarelibrary.com diana@novarelibrary.com

top related