0
1
00:00:00,270 --> 00:00:07,200
Every website out there has text on it. And a lot of design depends on how we select the text styles.
1

2
00:00:07,200 --> 00:00:12,020
This is called typography. Typography isn't just choosing the right font.
2

3
00:00:12,090 --> 00:00:20,070
It's about choosing the combination of those fonts. The different styles: like skinny, and bold, and regular,
3

4
00:00:20,070 --> 00:00:28,140
and weight. Choosing right typefaces and fonts for the right occasions and right context. Typography
4

5
00:00:28,140 --> 00:00:34,530
can make a website look great and with outstanding readability, or he can make it childish-looking, or
5

6
00:00:34,530 --> 00:00:38,630
maybe out of context, or look confusing and very hard to read.
6

7
00:00:38,700 --> 00:00:43,800
You can easily have a website that is typography only and still make it look good and design, without
7

8
00:00:43,830 --> 00:00:45,380
any graphic elements.
8

9
00:00:45,450 --> 00:00:49,860
As a matter of fact, the world's most popular website is primarily just text.
9

10
00:00:50,190 --> 00:00:55,560
If text is this important in design, then there must be some rules and guidelines, on how to choose and
10

11
00:00:55,560 --> 00:00:56,700
use them, right?
11

12
00:00:56,700 --> 00:01:01,560
You bet there are. And you will learn all about them in next few lessons. Just following these simple guidelines,
12

13
00:01:01,560 --> 00:01:03,570
will make your designs look great.
13

14
00:01:03,570 --> 00:01:10,410
You will hear me use the terms Typeface, Type and Font interchangeably. Type is short for Typeface. And
14

15
00:01:10,410 --> 00:01:14,070
the difference between typeface and font is this:
15

16
00:01:14,070 --> 00:01:20,250
In this case, Helvetica is a typeface family that has many different font styles in it, like Light, Bold
16

17
00:01:20,280 --> 00:01:21,310
and so on.
17

18
00:01:21,360 --> 00:01:22,910
Does it matter which term we use?
18

19
00:01:22,920 --> 00:01:23,530
Not really.
19

20
00:01:23,550 --> 00:01:26,280
But it's still good to know the difference and not get confused.
20

21
00:01:26,280 --> 00:01:30,930
I remember I was confused in the beginning, because everybody was using whatever they wanted. And you
21

22
00:01:30,930 --> 00:01:37,320
had Fonts, and Types, and Typefaces. And I was like, am I using the correct thing for my designs?