Typography Fundamentals: How To Choose The Best Fonts | Dawid Tuminski | Skillshare

Typography Fundamentals: How To Choose The Best Fonts

Dawid Tuminski, www.dawidtuminski.com

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
16 Lessons (32m)
    • 1. Typography Fundamentals How To Choose The Best Fonts

    • 2. 1How To Choose The Best Fonts

    • 3. 2What Is Typography

    • 4. 3Whats The Difference Between A Typeface And A Font

    • 5. 4What Are The Most Important Typefaces

    • 6. 5What Are The Most Important Variants Of Typefaces

    • 7. 6Shape Method Game

    • 8. 7Why You Should Look For The Source

    • 9. 8 5 Great Tools To Identify A Font

    • 10. 9How To Identify A Font Yourself

    • 11. 10Typeterms game final2

    • 12. 11Why Fonts Are Like Clothes

    • 13. 12Typefaces Have Their Own Places

    • 14. 13Are There Fonts That Match Everything

    • 15. 14BONUS Where To Find Good Fonts

    • 16. Let's Sum Up What We've Learnt

20 students are watching this class

About This Class

More in depth than a lot of the other classes I have taken. Informative. Shares great resourcs.

Great class, really good information and sources for beginners.

Wow! That’s a cool font! I wonder what it is?

Have you ever asked yourself this questions and didn’t get the answer?

Well then, you might want to read every word that follows.

If you ever wondered how to use typography so your projects look professional or you wondered how to choose the best fonts, you’ve a found a great source of answers.

In this class you will learn all the necessary typography fundamentals that will get you going with any kind of design project that uses type.

Thanks to this class you will be able to:

  • Choose the best fonts for your project
  • Identify the font that you fell in love with at first sight
  • Find plenty of good fonts yourself (and tell if they are worth to get)

It’s a one-stop-shop for all you beginners, who want to learn typography fundamentals in a concise and straight-to-the point way.

Inside you will find answers to questions like:

  • What is good typography
  • What’s the difference between a typeface and a font (and there’s a big one)
  • What are the fundamental variants of typefaces
  • How to use free tools to identify fonts

And lots, and lots more.

Remember: Your font choice can make or break any design.

Don’t miss the opportunity to find out how to prevent your projects from looking amateurish.

Enroll in the  How To Choose The Best Fonts class and I’ll see you inside!


PS If you like the class, please submit your review and class project.  It will help other students, just like you interested in topic I teach, in finding my classes. Thanks!


1. Typography Fundamentals How To Choose The Best Fonts: if you ever wandered how to use typography so your projects look professional where you wanted how to choose the best funds? Will you found a great source of answers, because in this class you will learn all the necessary typography fundamentals that will get you going with any kind of design project that uses type. Thanks to this class, you'll be able to choose the best funds for your project, identified the fund that you fell in love with at first sight and to find plenty of good funds yourself and tell if they're worth to get. It's a one stop shop for all you beginners who wanna learn typography fundamentals in a concise and straight to the point way inside, you will find answers to questions like What is good? Topography was the difference between a typeface and they found, and there's a big one. What are the fundamental variants off type faces or how we use free tools to identify funds and lots and lots more? Remember, your phone choice can make or break any design, so don't miss the opportunity to prevent your project from looking amateurish. So enrolling the how to choose the best funds class and I'll see you inside 2. 1How To Choose The Best Fonts: welcome to take Pa Griffey fundamentals. How to Choose the past funds No typography is with you wherever you go at work at school, home in a shop everywhere. Imagine yourself reading an article in your favorite newspaper browsing the Web to learn what's good about the world. Or maybe you're checking someone's homework or design. Which resume is better. There are business cards. Line on your desk, mail from banks and offices or manual for a new printer. Coffee to go from her favorite coffee shop and you're looking at a poster hanging on your wall that says, Do more off for what makes you happy. Just want a glance outside your window, and you cannot miss a huge billboard inviting you to the movies to see the latest Woody Allen movie. Even if you're not a professional writer or the very thought of writing anything makes you feel like you're about to be introduced to the whole Inquisition, you have definitely written something in the past, or at least rewritten. It might have been a scientific essay. Resume a letter to a client or a yearly financial report. You might be a blogger or you have designed your own wedding invitations or labels for jars with spices. Or maybe you're about to start designing websites, logos or various print materials. Every time you put some tax in the project on a paper or on a computer screen, you make typography happen, briefly speaking your typographer and this course is about you becoming a batter typographer. 3. 2What Is Typography: So let's start with the three important things you need to know about typography. So, actually, what is typography? While typography is designing letters, numbers and signs, it's sounding letters, numbers, signs, words, sentences, paragraphs, columns and white spaces in a way, so they create a harmonious, clean and attractive completeness, which is serving the text and the reader Remember to respect your reader. Typography should be serving the reader, not the offer. A famous Strider has been really engaged with writing her new book. A blogger is putting another interest in post on his blogged. A designer is immersed in creating a new poster. All creators devote a lot of their time to the projects to make them as perfect as they can only be. But the readers don't have that much time. The readers look for information. They want to learn something, check something, get an opinion so they browse thousands of websites and books. They will read on Lee those that proved to be worth their while. They won't read an illegible article. They won't come back to a website where they can't find anything. Nor will they come back to a chaotic blawg. It's more important how you write something, not what you write, at least at the start, And typography is a tool that helps you grab the reader's attention. Good topography will make the reader notice the content that is significant to the other. Much quicker. You won't have to waste time to read the whole text to decide what's important or what the author tried to say. Even if the tax is exceptional, But it was written using 10 point calibri, the reader will get bored with it. I will never come back to it. Good topography will help strengthen the text, meaning and keep the reader's attention for longer. Sometimes oddly is better than pretty. Typography should be useful. Topography is a form off applied art. It's pointless to design road signs using a funky fund because they will lose their primary purpose. Instead of being informative, they will become distracting. The goal of good typography is to increase the meaning of information that we want to convey to the reader. No matter how hard we try, how much time we spend them choosing the funds or setting the koerting, it will be all for nothing if the reader can't reader message 4. 3Whats The Difference Between A Typeface And A Font: What's the difference between a typeface and a fund? I think the biggest mistake that people make when talking about typography is treating typefaces and fonts as synonyms. Remember, this type faces a collection off related funds. You can think of a typeface as a design of a type family and like every family type, families have names and an example of a type family name is Laura. Typefaces are designs like Laura Monserrat or Poppins, and type designers create typefaces. Laura is a typeface family. A typeface, not a fund fund, is type in a typeface, a member of a typeface, family or a variant of a typeface. So let's get back to our Laura typeface. Example. Laura Regular, Laura Italic, Laura Bold and Laura Bolt Italics are all funds of the Laura typeface. A fund is actually any variant in a typefaces waits with styles and size. For example, 32 point flora italics is a fund, and so is 24 Laura Bold. Sometimes people think that fonts are really digital typefaces, whereas typefaces are physical. The naming convention is the same for digital and physical type. Faces funds referred toe waits with styles and sizes and typefaces are kind of like collective names off sets off related funds. Sometimes a typeface is referred to as a font family. If you're into a Web design, you have probably come across formed families rather than typefaces. 5. 4What Are The Most Important Typefaces: there are thousands of different typefaces and funds. This is why it is difficult to come up with one classifications that would satisfy everyone . There are many different ways to classify typefaces, depending on the time they were made. Technical style proportions, mood they create and so on. So for the purpose of this course, we're going to focus on three basic fund categories. They'll be useful to understand when you're after choosing a suitable fund or you want to combine funds for your design project. Let's start with the serif typefaces. They're based on early handwritten scripts, keeping some characteristics off brush lines and serifis, which are those small lines coming out from the edges off letters and symbols. Many people considered serve typefaces to be easier to read in printed works, so they're most often used for body copy in print documents. There's thousands off serif typefaces available today, for instance, old style transitional, modern or slab. Some of them are just old typefaces brought into the modern world, and digitalized and others rise above the crowd and bring something fresh to this style of type. Some of them, characterized by beefy letter force, were designed to be noticed. Some of them have created contrasts between thick and thin strokes and are sharper in their appearance. A son, serif typeface, is a typeface without Serifis. The word songs in French means without, so some Saref would be without a vest. Sheriffs sensor is better at small sizes because the funds survive reproduction and smearing because of their simple forms. In the 19th and 20th century, there was a really explosion of new sensor of designs. They're handwritten characteristics were stripped away, which gave us these modern typefaces we know today. At first, these new letters were described as grotesque, probably because they seemed incomplete and maybe even ugly. These terms are still used to describe some serves. Today. Sons of typefaces are further categorize as geo metric humanist and neo grotesque script typefaces are based on the forms made with a flexible brush or pen. They often have varied and fluid strokes created by handwriting. They're organized into highly regular formal types similar to cursive writing and looser, more casual scripts. As for the formal scripts, the letters in their original form are generated by a quill or a metal nip of a panel. Both are able to create fine and thick strokes. These typefaces are frequently used for invitations and diplomas to create an elevate, an elegant feeling. Casual scripts show a less formal, more active hand. The strokes may very in with, but often appear to have been created by wet brush rather than a pen nib. 6. 5What Are The Most Important Variants Of Typefaces: what are the most important variants off typefaces? To put things technically but as clearly as possible, the weight of a particular fund is the thickness of the characters outlines. Relative to their height. A typeface may come in funds off many weights from ultralight toe, extra bolt or black. There are many names used to describe the weight of a front, and to that name depends on the funds offers. But their relative of the order is usually fixed with of a typeface is determined in relation to its height. Typeface. Designers and manufacturers have traditionally used terms for typefaces, with mainly to differentiate defense within a typeface family. Although some individual typefaces, especially this display designs, include some of these terms in their names, typeface with is generally categorised as condensed, normal and expanded with very levels off condensation and expansion. What about the phone styles? The vertically oriented ladders are generally known as Roman. Those carefully crafted letters that resemble handwriting and lean, sometimes more and sometimes less but usually to the right or general called italic, and characters that have been mechanically or digitally redrawn to lean to the right are known as oblique oblique type. is used for the same purposes as italic type. However, unlike Italic, it doesn't use different glitch shapes. It is is the same glimpse as Roman type, except slanted. This less less elaborate approach is used by many sunset of typefaces. The small capitals or small camps are uppercase, or capital characters, set at the same height and weight as surrounding lower case letters. Well designed small caps are not simply scaled down version off normal caps. They normally retain the same stroke weight as other letters and have a wider aspect. Racial four readability, standard minimum, our regular italics and bold versions from the design process point of view, the more versions the batter, the regular type is a standard version of a typeface. Italics are best used for emphasizing key points in the printed taxed inland. Citations, block quotes, preliminary tax abbreviations or marking passages that have a different context, such as words from foreign languages, book titles, etcetera. A bold front makes the letters darker than the surrounding text. With this technique, the emphasised text strongly stands out from the rest, and it should be used to highlight certain keywords that are important, so it's easier to visually scan the taxed. For example, printed dictionaries often use boldface for their keywords 7. 6Shape Method Game: Let's take a quick break. What do you say? Let's move on to the site called shape dot method dot a See where we are going to play a little letter shaping game. The way that you play here is just simply kind of like try to recreate the original letter designer. So to get started going to do is we need to click on this pink adult right here and drag the letters. So we are actually creating and recreating the ladder that by comparing or by trying to follow the original design. So I'm gonna move this dot down here, and as you can see, there's 10 designs and each will next. Every next design is getting more and more difficult, and you can actually learn some some trivia about about the latter designs about typefaces . You can see the name of the typeface right here, the designer and the year that it was created in. So if I just try to match the original design by dragging these these big dots like so maybe just a bit, maybe that's a bit more, but too much, maybe to somewhere here I got to that I'm not the best at this game. I really I really think that should be better than me at this. So after you are happy with your recreation, just hit Compare to see how close you are to the original design and I get 80% which is not that bad. But when I go to the next letter, things will get even more even more complicated. So definitely try out the shape dot method that a C Misha shape will letter is shaping game and definite. Have fun with it and I will see you back in the class. 8. 7Why You Should Look For The Source: how to identify a font that you like when you're visiting a website, Looking at some graphics on social media or any kind of a printed material, you may spot an interesting typeface. You desperately need to know its name because you want to use it in one of your own projects. Well, there's a few ways how you could identify a typefaces name first. Let's look at the source in today's publishing. A Kala phone is a brief statement containing information about the publication of a book such as the Place of publication, the Publisher and the date of publication. It can also contain the name of the software used to assemble the text names off the funds used, but also the names of people who inspired or help the author. And if you're interested in Web designer development, you can use the inbuilt browser extensions like firebug in Firefox or Inspector in Chrome to get the info about the font used, and the property that you want to look for is called found Family 9. 8 5 Great Tools To Identify A Font: Here are five great tools that will help you identify have found, if you can find the source. Luckily, you can use one over the life saving tools you can. For instance, try browser extensions like the font face Linda. This is a plugging available for Firefox, chrome and safari. You can just Google found Face Ninja chrome or a fund face Danger Firefox. Then go to the extensions website and install the extension. Now all you need to do is to click the plug ins. I come and then just hover over a certain piece of tax to get the info about the particular fund. Just click on attacks to see a pop up window where you contest the fund on a text of your choice. You can also try the masking mode, which disables all the graphics on the side s, so it's easier for you to focus on just the text. Another useful found identification tool is called found. All you need to do is tow end this bottom to your bookmarks bar, and you gonna let the identification process begin When looking at phones on a certain website, click on the bookmark to activate the identification process and click on a piece of text. You'll get an immediate answer with the name of the typeface, the size and the style. Unfortunately, sometimes a typeface that we like is not saved as a Web fund. So what if we only have an image with an interest in tax or we only have some print material? Well, there's a few solutions to this problem as well. The first police called the phone match aerator, and the weight worse is really straightforward. All you need to do is tow, upload an image with some text or followed that you took, for instance, a photo of a book. Eventually, the program will show you a list of funds that can match your tax, and even if it doesn't get it exactly right, it will give you some good alternatives. The next door is called What The Front and I think it is the oldest phone identification toe in it's kind. It works pretty much the same as a stew found match traitor. I mean, just upload the image, give the tool some hints as to the letters in the image, and as a result, we get a better or worse suggestions. Now what fund is a bigger font identification? Online service? We can upload an image just like on world the font. We can also provide a your l of a certain image. We can add a browser extension. Or you could use the forum to ask that typography experts. But remember, the different services have a bit different font libraries. If one of the tools didn't produce satisfactory results, it's just the worth to try the others. 10. 9How To Identify A Font Yourself: If you want to play a real typography detective or you think it will be great party game, you can let your I help you in identifying funds so you can start the process of elimination. So start with a broad classifications in Is the front Saref san serif or script? Or maybe it looks traditional modern, or it looks like a Slap Saref. So are the letter forms extended geo metric or convinced What's the weight? And at this point, you'll have narrowed it down dramatically, and you can start looking for distinct features. For instance, waltz the relative X height. Where do the cross bars full? How large are the apertures and bottles are the A sender's or dissenters unusual? What shape are the titles and periods? Identifying phones becomes easier as you learn more about them. Every phone has a few characters with the unusual details. If you notice and remember, those details will be able to identify more funds 11. 10Typeterms game final2: Let's take a quick break, shall we? Let's take a look at type terminology. No learning just little about the terminology will help. You have a greater appreciation for type. Will also help you identify different typefaces and funds. And that, in turn, will help you make better choices about the fonts you use. So what's head onto the www dot supremo, that TV type terms website here. You can learn all about the type terminology just to click on a part that you're interested in, and you'll get some more information on that particular element. So definitely Jack this website out. Get yourself familiar with the type terminology and I'll see you back in class. 12. 11Why Fonts Are Like Clothes: three things you need to know before you choose a fund. So why funds are like clothes? No. Choosing the front is like choosing clothes for a fancy Dennis burial worry dress or a tuxedo. And you aware some sports clothes. If you want to hit the gym, the first impression we get from people, places or things is extremely important. We have a tendency to build our opinion on something or someone. Judging by the very first clans, it applies not only to people but also to books, newspapers, posters or websites. You need to think if all the elements and that includes funds were chosen correctly in terms of the project's goals. Your funk choice must strengthen the idea of the project and help the reader get the idea. Be careful not to let your own taste guide you too much. It's easy to get tempted by phone that you love and that is beautiful in itself but doesn't carry the right message and may destroy the whole project. So don't wear an evening dress When you're going to a gym, people will think you're crazy. If you don't choose the right fund, you'll distract your reader from the project's goals 13. 12Typefaces Have Their Own Places: typefaces have their own places, and one of the most common mistakes beginners make is not realizing what various fund categories are most suitable for. For instance, body typefaces versus this plate typefaces. Nobody. Typefaces are using body copy like books, magazines, newspapers or websites. These funds are easy on the eyes and easy to read. It's important that they're not distracting, so users can easily go through the taxed display or decorative type. Faces, on the other hand, are not suitable for long reading this actions. These are the type of father want to shine on the red carpet more than Kim Kardashian herself. They come in various degrees off usefulness from the bold all caps phones that might be used for headlines to the phones that are very obvious. Such a snowcapped letters that love to jump on the Christmas cards. These types of phones can be fun and have their uses. But good design, especially design intended for business, often has more satiety than that. Display funds can make a big impact when using the right way, but when used incorrectly, they can make a design look busy and amateurish. In short display, typeface is different from body type faces and that they're not, too, that they're not easy to read at length and should be used carefully and with purpose. 14. 13Are There Fonts That Match Everything: so no one event or the reforms that match everything. If you were ever stuck on a project because you couldn't find the right fund or you found too many forms that you that you felt were great, you can turn to workhorse typefaces is those typefaces that are universal, neutral and will look good in most projects. They're both elastic and unobtrusive, so they will fit most scenarios. It's usually basic serif and sans serif typefaces that have a few weights with and styles different styles of the same type. Face could be used for different purposes and choosing one typeface, but different styles will allow you to create cohesive and attractive layouts. So let's take a look at some examples off such type faces. There is planting off funds available that are free to download or commonly available on many operating systems that will do very nicely for everyday design projects. In the serif category. Try Georgia and Data Crimson Taxed Droid, Serif or Merryweather. If you're looking for sense, Aref's check out Franklin Gothic Roboto Lotto source since Pro or Merryweather Sam's. So if your head is getting too hot from looking at the typefaces that you think will look great in your project. And, as always, you are on a tight schedule. It's a good idea took for universal typefaces that will get you out off many typography problems. 15. 14BONUS Where To Find Good Fonts: where to find good funds. If you're in tight budget or are just looking to experiment on a smaller project, there's plenty of good wept funds available at no cost if you just know where to look. The fund squirrel is probably the best source for funds. There are both free and licensed for commercial use. Here you'll find a great selection of handpicked, high quality funds that are searchable by classifications, such a serif sensor for script or by tag. Such a schedule. Retro or distressed Google phones were primarily created as a repository for free funds for Web design and Web development projects. You'll find hundreds of funds here that are all open source, which means that they can be shared, modified, customize, etcetera and, well, they are optimized for the Web. They can also be downloaded so you can use them in print projects. Keep in mind, though, that free funds are much more likely to cause you a headache in the future. I didn't miss in. The characters lack off language support, poor spacing or poor screen performance. So if you're serious about your your typography, your best but more expensive but is to invest in a high quality paid funds. There's a lot of online services that offer funds. You can buy them directly from designers or foundries, or you can buy them in online shops. So, for instance, so you can buy them on my funds. That calm type kit found shop dot com and others. You can also check out Creative Market that come where you can find some great deals on phones and other graphic design materials. 16. Let's Sum Up What We've Learnt: to wrap things up, Let's briefly summarize what we've learned in the course. Choosing the right type face has a huge meaning for all kinds of projects, from the ones worth millions to the ones we use on Lee on a day to day basis. It's important to understand that we are not designed for ourselves, but for the readers, it means that the projects should be readable and usable. Look at it from your own perspective. You are a reader as well, and you know what irritates you and discourages you from reading. We talked about the difference between the type face and a fund. Now you know that a typeface is a group of related funds that form one family. For instance, Laura and a fund is one member of a family, for instance, 12 point Laura Italic. We also talked about to the basic kinds of typefaces such as Sarah of San Serif and script . We learned about their variants and styles. Typefaces have lots of weights ranging from hairline too heavy and lots of withs from condensed to expand it. Styles allow us to give a special meaning to certain fragments of tax will use the bold version of a font. When we want to emphasize words, we want the reader to pay special attention to and will use italics to cite someone's words toe. Identify funds that to win our hearts we looked at tools that help us in the process of identification, such as a fan face ninja or what The fund. Remember that there's a lot of different applications that help in identifying typefaces, so definitely explore other options and to, you know, to find the one that you think is best for you. We also learned to that typefaces half there's certain place in projects. Display typefaces shouldn't be used to create body copy because their characteristic is not suitable for a long reading sessions. They are great for headlines, though. We know that there universal funds that match almost any kind of design scenario, so they can be of great help when you are on a tight schedule. And lastly, we looked at places where we can find great funds. I think it goes without saying that Paige sources of funds such as my funds have reacher repositories, but you can find interest in funds. Inferiors Resource is like Google fonts as well. We hope that you found this course useful and that you are more knowledgeable when it comes to typography fundamentals. This one is actually just the first part of typography Siris. In the upcoming courses, you'll learn how to choose the best funds for Web design and print design, and that's coming soon. So until next time, have a nice design.