hidden when logged in but visible while logged out
0
0 Tokens
hidden when logged in but visible while logged out

Everything About Fonts and Typefaces

Hiya! Ever been fed up that you’re not taught even the most basic fundamentals of design? Well, you’ve come to a great niche corner of the internet. The following is a simplified transcription of the above video about fonts and typefaces!

History of type

Let’s start from the start: bam the world is born… oh wait BANG and the world is born and so is writing (it didn’t happen that fast but you get the idea).

Type first began as symbols representing things which led to those symbols of things to form messages on walls and of course it’s still popular today wow moving away from wool riding and cough tablets the 11th century rolled around and China was like Hey what if you could make this easier so they created these letter blocks which would later be used to teach babies the alphabet. I’m kidding but they did make these blocks and it made it so much easier to write stuff.

Korea saw what was happening and were like dude let’s make this out of metal and so they did! Woo we’re printing stuff let’s gooo! The Western countries were like dude good thing our alphabet is so easy let’s start Mass producing books and stuff using these reusable character blocks and stamp them onto paper.

This developed into its own art form of communication over time new typefaces were designed to be more legible and rules of design started to be uncovered the industrial revolution of course made type explode even more everything including communication needed to be mass-produced and fast to deliver. Of course, text itself can be boring so graphic design was born people were adding pretty pictures and combining typefaces and creating cool stuff.

And so more design rules and easier to read typefaces and more eye-catching typefaces came into play – graphic design and art just got hella lit.

As this has all been happening the printing process went through various rounds of being made more efficient phototype became a thing and went away soon after because computers were born hooray now artists could digitize their designed typefaces and other artists could use them in their artworks so freaking cool!

Oh and not to mention now Comic Sans would divide the world forever torn between a fun for comics and a meme for bad graphic design.

Different Types of Typefaces

Let’s talk about the different types of typefaces!

Serifs: are fonts that have the hats and Tails on the letters – the fancy looking stuff

Sans serif: Sans means without so the boring looking stuff usually used for simplicity and ease of reading

Slab serif: is a serif but a slab

Script: is of course handwriting stuff

And everyone’s favorite Display; which is more for decoration than it is practicality.

Fonts vs Typefaces

This gets confusing so listen up!

Typeface is the whole family it’s basically like the surname and

Fonts are the different people like the first names

So medium and bold are the parents and italics is the middle child with a lot of attitude. Ariel is the typeface but if Arial is in bold then Arial bold is the font.

Our beautiful display fonts are typically only fonts because they don’t come in different variations. There are some instances where display fonts have other variations but typically you know it’s a display font if it looks pretty complicated and is quite showy.

When to use what

“But Jaden,” you may ask, “I have no idea which one to use and when!” well,

Serif fonts are normally professional authoritative and sophisticated they are seen as reliable, timeless, formal, luxurious and create a sense of comfort.

San serif fonts are associated with clean, modern, neutral, objective, stable, simple and corporate themes.

Slab fonts are normally important, bold, and contemporary.

Script fonts are elegant, classical, stylish, affectionate, creative, decorative, and pretty.

Display fonts are bold, friendly, expressive, unique, quirky, prominent, and decorative.

Okay so now that you know all the keywords it’s important to remember to just focus on the vibes.

If you are a very corporate company you’ll probably want a very corporate font so you will have a Sans Serif font (probably). You’re not going to catch a corporate company with a display font being all grungy and stuff – that’s just kind of weird and off-putting.

Hierarchy

Hierarchy is using different thicknesses and sizes of typefaces or objects so that you can show the reader what to look at first and guide their eye through the different information it’s also helpful to be able to differentiate the different information this being the header from the sub-header from the body text if you are learning or struggling to figure out the sizing between your header your subheader and your body text there is a suggested sizing rule which is the smallest text multiplied by 1.618 to get the next size up and then you just round it up to whatever you need or if you want to go even bigger you can multiply that result again by 1.618.

Contrast

Another thing to consider is to create contrast with your text matching the header and the body text can become overwhelming and muddy to look at so it could be crucial to avoid using a script font for both your header and your body text you can also create contrast by the weight of the text so bold regular light things like that the height of the text width size and capitalization so you could have the same font for the header and the body but just have the header as all caps it’s important to remember that you create balance and harmony between the header and the body text if you’re unsure take inspiration of the shape language from other forms of text out there.

Free For Use Typefaces

One thing I cannot stress enough is the complications of fonts and typefaces. Chances are, if you are downloading fonts, you’re probably doing it either for your business, the business you work for, or just for fun—which will probably turn into a business in the future or some sort of commercial project.

If you are downloading fonts, I highly suggest that you only download ones that are free for commercial use, because unless you’re keeping track of what’s what in your downloads folder, you could face serious copyright complications—either for the company you work for or for freelance work you might stumble upon in the future. Like, literally, if you’re downloading fonts, you’ll probably design something for a business or a sold item, and you just don’t want to risk it.

Free For Use Typefaces

Another thing to look at when you’re downloading fonts is to check whether it’s an open-type font or a true-type font.

Open-type fonts are really good. They are the new generation of font creation because they are vector-based they are made out of scalable paths.

True-type fonts are the OG fonts they are the raster based they’re not really recommended for scaling cuz they’re technically pixels. True-type fonts are from my understanding the equivalent of like an image Trace in Adobe Illustrator…

NOTE: I was corrected in the comments of this video oopsie!

@RainDownpours

“Hey, just wanna let you know that TrueType is also a vector font format. Maybe you are thinking of Microsoft bitmap font format (.fon)? The difference between OpenType and TrueType is: the OG TrueType only supports the simpler “Quadratic Bezier curve”; where a curve only have one control point. PostScript outline is made out of “Cubic Bezier curve”, which has 2 control points, and allows for more complex shapes. OpenType supports both PostScript outline and TrueType outline; and supports more features. Nowadays, it’s more likely that a file with .TTF extension actually has OpenType layout, but has TrueType outline. I’m just an enthusiast. If I made any errors please feel free to correct me. “

ENDDD.

Congratulations you made it to the end and now you are very knowledgeable about fonts how to use them how to design them and what to look out for that is the end of the video and I hope you enjoyed bye!!

Copy to Clipboard jaden@dfjmarkets.com

Australia, AEST

$AUD

Copyright © 2024 DFJ Leaf

© 2020 Dragonfruit Jaden

All rights reserved

Skip to content