beanz Magazine

What’s a Font?

Revalia from Google Web Fonts

We all use fonts yet rarely notice they are designed. Here are some interesting details to help you notice fonts.

Fonts are magical. Not only are fonts our language made visible, they also convey emotion. There actually are happy fonts and sad fonts, serious fonts and not so serious fonts. Fonts also have lots of exotic creatures like curly quotes, em dashes, ornaments, ampersands, and more.

While everybody recognizes fonts when they pay attention, not everybody notices differences in fonts automatically.

The best part about fonts? They help teach you to see what we mostly ignore in our daily lives.

Here are some basic facts and details about fonts. Maybe you’ll become more sensitive to them and to typography, how print appears on paper, screen, and elsewhere.

Fonts Can Look Very Different

These free Google web fonts show how different fonts can be one from another. Plus fonts often have fun names like Baloo or Roboto.

Look at the crossbar for the letter e: serious fonts have a straight crossbar while less serious fonts angle the crossbar. How many differences can you find between letter shapes?

Ever Wondered What Font You’re Looking At?

There’s a website (and an iPhone app) that makes it easy to find out: WhatTheFont.com

Here’s how it works:

  • Take a picture of the font and save the image file.
  • Upload the image file to WhatTheFont.com

How Do You Measure Fonts?

There are approximately 72 points in an inch, or 2.54 cm. One point is .0138 inches or .0352 cm. The font you’re reading is 12 points high or .1656 inches which is .4224 cm.

Font size is not an exact science. It depends on where a font is used.

Font or Typeface?

A font is a single distinct set of letter forms, for example, this text font is called Garamond Regular but there’s also a bold version of this font and an italic version. The regular, bold, and italic fonts together make up a typeface called the Garamond typeface. Sometimes typefaces are also called font families.

Font Types

There are dozens of ways to describe fonts. Here are four main types:

Serif

These fonts have curly edges or feet to their letter forms, like the text you’re reading now. Find the letter y in this text: notice the cute little swoosh at the bottom of it?

Sans Serif

These fonts have straight edges, like the heading Sans Serif. See the difference at the bottom of the letter n and the letter f?

Script

These fonts look like handwriting.

Decorative

These fonts are showy and hard to read if you used them in a book or online article with hundreds of words!

Fonts Have Families, Too!

Like humans and animals, fonts come from families! Here’s an example of a font family.

Anatomy of a Typeface

Did you know fonts have arms, counters, bowls, crossbars, ears, shoulders, and more? Here are some fun ways people describe fonts. Find these examples and more at Typedia.com.

Arm

A horizontal stroke not connected on one or both ends of a letter form.

Ear

A small stroke projecting from the upper right bowl of some lowercase g’s.

Shoulder

A curved stroke originating from a stem.

Learn More

What the Font

https://www.myfonts.com/WhatTheFont
https://www.myfonts.com/WhatTheFont/mobile/

Butterick’s Practical Typography

http://practicaltypography.com/

Font Classificatinos

https://www.fonts.com/content/learning/fontology/level-1/type-anatomy/type-classifications

Anatomy of a Typeface

http://typedia.com/learn/only/anatomy-of-a-typeface/

Google Fonts

https://fonts.google.com/

Font Types Infographic

http://graphicdesign.stackexchange.com/questions/29280/how-can-i-describe-the-font-i-am-looking-for-or-looking-at

Typographic Units

https://en.wikipedia.org/wiki/Typographic_unit
https://everythingfonts.com/font/tools/units/converter

How to Measure Fonts

https://www.labelvalue.com/blog/2015/04/font-size-guide-convert-points-to-inches.html
http://graphicdesign.stackexchange.com/questions/4035/what-does-the-size-of-the-font-translate-to-exactly
http://practicaltypography.com/point-size.html

Learn Typography Online

https://www.kidscodecs.com/learn-typography-online/

Also In The April 2017 Issue

We all use fonts yet rarely notice they are designed. Here are some interesting details to help you notice fonts.

This iPad app is a creative tool kids can use to explore and record what they learn in school.

Smart software design makes it easy for you to learn how to use it without help.

A new version of a fun Mario-like game that teaches kids coding has been released. Learn HTML and save kittens!

Mark is a designer who also knows a lot about how to use technology to create design.

Design is about solving problems, from donuts to race cars, how we eat to what to wear in cold weather.

Everyone know the difference between saying, “Let’s eat, grandma!” and “Let’s eat grandma!” Computers don't.

The user interface often determines whether or not people can easily use your software.

State is an important concept in computer science as well as our everyday lives.

Links from the bottom of all the April 2017 articles, collected in one place for you to print, share, or bookmark.

Interesting stories about computer science, software programming, and technology for April 2017.

Computers collect garbage the way humans do. Here's how they manage memory space.

Code reviews help programmers improve their code and learn more about the software they build.