0
1
00:00:00,120 --> 00:00:01,870
Finding fonts online is quite simple.
1

2
00:00:01,880 --> 00:00:07,270
And you probably have, might have, some experience already with downloading and looking for some fonts online.
2

3
00:00:07,290 --> 00:00:15,960
There are many different paid and free options, so let's go over some of these options. Sites like Dafont.com
3

4
00:00:15,960 --> 00:00:18,450
have a big selection of free fonts.
4

5
00:00:18,450 --> 00:00:24,360
The problem with free fonts is that they can be designed by amateur designers, who created them for
5

6
00:00:24,420 --> 00:00:28,470
fun or to gain some font design experience.
6

7
00:00:28,470 --> 00:00:34,590
You could end up with anything from badly spaced font to something like a kitty font. Avoid this sort
7

8
00:00:34,590 --> 00:00:40,230
of free fonts until you gain good experience in typography. And even then, it's just best to keep away
8

9
00:00:40,230 --> 00:00:46,470
and stay away from this sort of free fonts. Because often they are overused. Which means there is a lot
9

10
00:00:46,470 --> 00:00:53,550
of different designs or websites that they have been using them. And they have been using them wrongly
10

11
00:00:53,580 --> 00:00:56,340
and it just has a really bad reputation.
11

12
00:00:58,320 --> 00:01:00,850
Paid fonts obviously are more superior option.
12

13
00:01:00,890 --> 00:01:05,960
One benefit of a premium font is that it can give you your project more unique feel. Because they are
13

14
00:01:05,960 --> 00:01:13,400
not as popular and they're not as overused. With individual paid fonts you pay for each style. Usually
14

15
00:01:13,400 --> 00:01:15,110
around 20 to 50 bucks.
15

16
00:01:15,110 --> 00:01:20,210
So if you want an entire family with all the weights, then it can get costly.
16

17
00:01:20,210 --> 00:01:24,190
Also, you have to buy a license for each project separately.
17

18
00:01:24,200 --> 00:01:30,830
So best approach with individual paid fonts would be to buy one or two styles for a headline text. And
18

19
00:01:30,830 --> 00:01:36,800
as the main body text, where you need a lot of different weights, like bolds and extra bolds and
19

20
00:01:36,800 --> 00:01:42,310
all that stuff, then you can use places like Google fonts and some other options that I will
20

21
00:01:42,380 --> 00:01:49,460
mentioned. There is a cheaper way to get hands on a lot of premium fonts and that's by using subscription
21

22
00:01:49,460 --> 00:01:50,270
based sites.
22

23
00:01:50,270 --> 00:01:54,380
The most popular being Adobe Fonts, their old name is Typekit.
23

24
00:01:54,380 --> 00:01:58,300
Adobe Fonts is included in their creative cloud subscription.
24

25
00:01:58,340 --> 00:02:04,370
These are subscriptions to Photoshop, Illustrator and other Adobe software.
25

26
00:02:04,400 --> 00:02:09,550
So if you're subscribed to that, you get more than 7000 Adobe fonts with it.
26

27
00:02:09,560 --> 00:02:14,200
The cheapest plan is about ten dollars a month, I think, so it's a pretty good deal.
27

28
00:02:16,260 --> 00:02:18,720
Personally my favorite place is Google fonts.
28

29
00:02:18,750 --> 00:02:25,770
It's free, no licensing worries, they are well designed, it's curated by Google. And both Figma and Webflow
29

30
00:02:25,770 --> 00:02:33,060
already come with it, so that just saves me from so much installation and all that headache.
30

31
00:02:33,060 --> 00:02:38,490
My advice for you, in the beginning, is to stick with the Google fonts or Adobe fonts. 2 together provide
31

32
00:02:38,490 --> 00:02:41,400
more than enough fonts that you will need for any project.
32

33
00:02:41,400 --> 00:02:47,490
One important note about fonts, generally is that fonts are actually a regular computer file, so that
33

34
00:02:47,490 --> 00:02:51,470
means they can be copied and redistributed countless times.
34

35
00:02:51,540 --> 00:02:59,400
So if you have a file for a particular a font, that doesn't mean you can actually use it. To use a font
35

36
00:02:59,400 --> 00:03:01,620
for a website on your project,
36

37
00:03:01,810 --> 00:03:09,630
either you need to have a license that you paid for or the font itself has to come (with a free commercial)
37

38
00:03:10,860 --> 00:03:14,890
FREE for Commercial Use License.
38

39
00:03:15,050 --> 00:03:17,600
Here's a cool browser extension that I frequently use.
39

40
00:03:17,600 --> 00:03:24,020
It's called FontFace Ninja and it lets you see the font that any website is using.
40

41
00:03:24,020 --> 00:03:25,040
I'm a type geek.
41

42
00:03:25,040 --> 00:03:27,720
I love the look of an attractive type face.
42

43
00:03:28,010 --> 00:03:34,160
So when I see a website, that uses a beautiful font and typography, I want to know what it is and save
43

44
00:03:34,160 --> 00:03:37,000
it as an inspiration for my future projects.
44

45
00:03:37,010 --> 00:03:40,670
Which basically means, so I can steal it and then use it on my projects later.
45

46
00:03:40,670 --> 00:03:47,090
Link is in the resources. Install this extension and start noticing different fonts on websites that you
46

47
00:03:47,090 --> 00:03:47,560
visit.
47

48
00:03:47,630 --> 00:03:54,040
Getting curious is a designer's best teacher. Noticing designs around you and examining them closely,
48

49
00:03:54,050 --> 00:03:57,770
it will teach you a lot and will actually improve your design skills.