What’s a Font?
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
Font Types Infographic
Typographic Units
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
About the Author
Also In The April 2017 Issue
Could you come up with rules to add up all the numbers between 1 and 100? Here's how to do it.
Here's a fun game you can create with Scratch2 that draws geometric shapes!
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!
This puzzle mixes math and coding. Plus you can go online to try the code yourself.
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.
How do you keep track of many people working on the same set of code?
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.