WEBVTT X-TIMESTAMP-MAP=LOCAL:00:00:00.000,MPEGTS:0 00:00:07.370 --> 00:00:09.630 Let's work with some new fonts. 00:00:09.630 --> 00:00:11.150 We are going to go down to page 3, 00:00:11.150 --> 00:00:12.560 we're going to get my type tool, 00:00:12.560 --> 00:00:15.510 draw a nice big box in the center here and we're going to call 00:00:15.510 --> 00:00:20.280 this one Healing Herbs, okay. 00:00:20.280 --> 00:00:23.400 We're going to select it and at the top who are going to go to Character 00:00:23.400 --> 00:00:26.700 and you'll drop this down and you'll see there's a bunch of fonts on your system. 00:00:26.700 --> 00:00:29.820 These are the ones that come at by default when you machine. 00:00:29.820 --> 00:00:33.945 We're going to look at adding fonts from Typekit and some other free stuff. 00:00:33.945 --> 00:00:37.305 Let's quickly look at free fonts and then jump into Typekit. 00:00:37.305 --> 00:00:40.515 there are lots of places to get free fonts, 00:00:40.515 --> 00:00:43.860 1001 free fonts, deaf font, I find. 00:00:43.860 --> 00:00:46.695 There is a lot of techie fonts and crapy fonts in there. 00:00:46.695 --> 00:00:48.420 So I just jumped to Font Squirrel. 00:00:48.420 --> 00:00:51.260 It's a great place for commercial use fonts that 00:00:51.260 --> 00:00:54.370 are free and you can go through here and download them. 00:00:54.370 --> 00:00:56.025 See there's Alex Brush here, 00:00:56.025 --> 00:00:57.910 I'm going to click "Download". 00:00:57.910 --> 00:01:02.435 I'm going to stick it on my desktop in my class files click "Save". 00:01:02.435 --> 00:01:05.405 I'm going to open up that little zip file that it came with, 00:01:05.405 --> 00:01:07.530 double-click it and it's given me this, 00:01:07.530 --> 00:01:09.825 the ttf file, that should hold the fonts that you want. 00:01:09.825 --> 00:01:11.940 It might be an otf file. 00:01:11.940 --> 00:01:13.680 I can't remember what the other ones are, 00:01:13.680 --> 00:01:16.520 but double-click it and depending on your system, 00:01:16.520 --> 00:01:19.250 it'll come out with install font super easy, 00:01:19.250 --> 00:01:20.960 both Mac and PC. 00:01:20.960 --> 00:01:22.760 Now if we jump into InDesign, 00:01:22.760 --> 00:01:24.094 no need to restart. 00:01:24.094 --> 00:01:26.380 I can go up here and say, "Alex". 00:01:26.380 --> 00:01:29.250 There it is, Alex Brush and I can start using that font. 00:01:29.250 --> 00:01:32.105 I'm going to make it a lot bigger, maybe up to 40. 00:01:32.105 --> 00:01:35.030 There's that font, commercial use ready to go. 00:01:35.030 --> 00:01:38.435 Now, Font Squirrel and Free Fonts site's like it, 00:01:38.435 --> 00:01:40.730 often have really good heading fonts, 00:01:40.730 --> 00:01:43.130 but very poor body copy fonts because, 00:01:43.130 --> 00:01:44.690 body copy fonts just take a lot longer to 00:01:44.690 --> 00:01:47.180 make because there's so many more nuances than say, 00:01:47.180 --> 00:01:48.540 just these big headings here. 00:01:48.540 --> 00:01:50.390 So in an earlier video, we looked at my fonts. 00:01:50.390 --> 00:01:52.100 We can buy commercial fonts, 00:01:52.100 --> 00:01:53.450 but we're going to look at Typekit, 00:01:53.450 --> 00:01:59.570 because Typekit is an actual paid for commercial font library, okay, from Adobe. 00:01:59.570 --> 00:02:01.820 But because you've got a Creative Cloud license, 00:02:01.820 --> 00:02:03.170 or potentially you have, 00:02:03.170 --> 00:02:06.890 you get access to it for free or at least as part of your subscriptions. 00:02:06.890 --> 00:02:08.030 Let's go and check that out. 00:02:08.030 --> 00:02:09.530 So up the top here, 00:02:09.530 --> 00:02:11.360 the easiest way is to click this one, 00:02:11.360 --> 00:02:15.035 this is "Add fonts from Typekit" and it's going to actually open up a web browser. 00:02:15.035 --> 00:02:16.925 You can't do it from within InDesign. 00:02:16.925 --> 00:02:22.220 Let's go, so it's opening up here in my browser and if you're not logged in, 00:02:22.220 --> 00:02:25.150 you might have to login with your Adobe username and password, 00:02:25.150 --> 00:02:27.820 mine's already logged in and I love this site. 00:02:27.820 --> 00:02:29.440 You can do some cool things. 00:02:29.440 --> 00:02:32.335 I'm going to omit this one that says My Library. 00:02:32.335 --> 00:02:37.720 Actually go to All Families and the Sample Text thing is quite useful. 00:02:37.720 --> 00:02:40.660 So I can say I want to do healing herbs. 00:02:40.660 --> 00:02:44.315 You can see what's it's going to look like before you download it, 00:02:44.315 --> 00:02:47.900 which is really handy, play around with the size. Because it's going to be a heading. 00:02:47.900 --> 00:02:50.915 Something like that and you can start working through the fonts. 00:02:50.915 --> 00:02:54.760 A nice thing about Typekit as well as over here, this Classification. 00:02:54.760 --> 00:02:56.390 Now all the fonts are on my machine, 00:02:56.390 --> 00:02:57.545 I've got hundreds of them, 00:02:57.545 --> 00:02:59.020 but they're all not groups. 00:02:59.020 --> 00:03:01.040 So it's a bit of a pain to go through and say, 00:03:01.040 --> 00:03:03.275 I want to find like a hand-drawn font. 00:03:03.275 --> 00:03:05.060 So it's easy to come to Typekit, 00:03:05.060 --> 00:03:09.065 click on "Hand" and you can find hand-drawn fonts. 00:03:09.065 --> 00:03:12.235 You can download them from here. 00:03:12.235 --> 00:03:15.090 You can see this one here a Slab Serif, 00:03:15.090 --> 00:03:16.995 nice,, big thick chunky one. 00:03:16.995 --> 00:03:19.910 You can also add extra little filters as well. 00:03:19.910 --> 00:03:21.650 You can say I want it for Headings only, 00:03:21.650 --> 00:03:25.890 so it's going to cut out the ones that it thinks are mainly for paragraph text. 00:03:25.890 --> 00:03:27.840 Down here is quite useful as well. 00:03:27.840 --> 00:03:29.715 Say you have a really long headings, 00:03:29.715 --> 00:03:31.700 you can pick this width to be quite skinny, 00:03:31.700 --> 00:03:33.380 so you can fit quite a lot of letters and 00:03:33.380 --> 00:03:36.680 a title or if you want a nice big thick wide one. 00:03:36.680 --> 00:03:39.960 I'm going to click on it again and it just deselects all of them. 00:03:39.960 --> 00:03:42.585 If you want heavyweights or a nice thin weight, 00:03:42.585 --> 00:03:46.260 contrast, x-height, there is all sorts of things. 00:03:46.260 --> 00:03:50.310 Like this one's quite useful if you're picking a body copy font forever for a company. 00:03:50.310 --> 00:03:52.700 I hate it when you get stuck where you pick a font, 00:03:52.700 --> 00:03:55.025 but the numbers do this weird thing where they, 00:03:55.025 --> 00:03:58.880 can you see down here, they all sit on the baseline, 00:03:58.880 --> 00:04:01.910 which means this 4 dangles below and the 6 is above. 00:04:01.910 --> 00:04:05.990 [inaudible] I found that also has all the numbers lining up, 00:04:05.990 --> 00:04:07.715 to not give me any issues later on. 00:04:07.715 --> 00:04:10.940 I'm going to deselect that. Actually, I've got some fonts we want to use. 00:04:10.940 --> 00:04:15.155 I'm going to go in here and I'm going to up here and says search Typekit, 00:04:15.155 --> 00:04:17.285 and it'll download a couple of fonts for me. 00:04:17.285 --> 00:04:19.680 The first one I want is called Lust. 00:04:20.650 --> 00:04:23.840 You can choose Lust or Lust Script. 00:04:23.840 --> 00:04:25.220 With a bit more clearly really, 00:04:25.220 --> 00:04:27.290 we are just going to use the plain old Lust. 00:04:27.290 --> 00:04:30.604 Click on it and there's an option here that says, 00:04:30.604 --> 00:04:34.560 Sync All, click on that. Click "Back". 00:04:34.560 --> 00:04:37.175 Relax. The nice thing about this is that actually 00:04:37.175 --> 00:04:39.080 Adobe's Creative Cloud App is actually 00:04:39.080 --> 00:04:42.220 installing this for you. I'm going to click "Close". 00:04:42.220 --> 00:04:46.940 Now if we jump into InDesign and highlight the text, 00:04:46.940 --> 00:04:51.995 super-simple, Lust and here it is. 00:04:51.995 --> 00:04:54.175 I'm going to use Lust italic. 00:04:54.175 --> 00:04:57.120 I'm going to give it the mid green color. 00:04:57.120 --> 00:04:58.950 That's how you install fonts. 00:04:58.950 --> 00:05:02.260 Now we're going to go through now and install a couple more. 00:05:02.260 --> 00:05:07.310 Let's turn back. We're going to use Roboto, I like Roboto. 00:05:07.310 --> 00:05:10.160 When you are picking fonts, 00:05:10.160 --> 00:05:12.640 often you'll use a header font, 00:05:12.640 --> 00:05:18.545 something a little bit more exciting like Lust and then a body copy font, 00:05:18.545 --> 00:05:21.880 obviously Lust as a body copy font would be a terrible idea. 00:05:21.880 --> 00:05:23.785 So Roboto, great. 00:05:23.785 --> 00:05:25.615 I'm going to sync Roboto. 00:05:25.615 --> 00:05:28.815 I like Roboto because it is like Ariel. 00:05:28.815 --> 00:05:30.335 Nice, simple, easy to read form, 00:05:30.335 --> 00:05:33.505 but it's little more sophisticated, I feel. 00:05:33.505 --> 00:05:37.730 Let's look at Roboto Slab. 00:05:38.220 --> 00:05:42.315 It's very similar. It's got these what's called Slab Serifs. 00:05:42.315 --> 00:05:43.830 See this bottom with this "q" here, 00:05:43.830 --> 00:05:45.315 Serifs are the little feet. 00:05:45.315 --> 00:05:46.830 So this is a Serif fonts, 00:05:46.830 --> 00:05:48.480 it's got the little feet down the bottom. 00:05:48.480 --> 00:05:52.770 San Serif, if you've ever heard of that word means without the little feet. 00:05:52.770 --> 00:05:58.500 So San is without Serifs and a Slab Serifs just means a big chunky slabby one, 00:05:58.500 --> 00:06:00.450 like old school university fonts. 00:06:00.450 --> 00:06:01.920 Now I already had this one synced, 00:06:01.920 --> 00:06:05.595 so I don't have to click "Sync All" again, and it's all ready to go. 00:06:05.595 --> 00:06:07.020 As a little side note, 00:06:07.020 --> 00:06:11.270 Roboto is what Google uses for YouTube or YouTube uses for YouTube. 00:06:11.270 --> 00:06:13.190 It's their font that they use on everything. 00:06:13.190 --> 00:06:14.450 It's quite a nice font. They use it well. 00:06:14.450 --> 00:06:16.535 Go and check out them, on how they use it. 00:06:16.535 --> 00:06:19.915 If you want to find combinations of Roboto being used nicely. 00:06:19.915 --> 00:06:22.010 Now one thing when it comes to using fonts, 00:06:22.010 --> 00:06:23.345 if you are really new, 00:06:23.345 --> 00:06:28.310 often some basic rules can help you and the basic rules are you pick two fonts. 00:06:28.310 --> 00:06:33.005 You pick a font that has a Serif font and a Sans Serif, 00:06:33.005 --> 00:06:37.010 these little things hanging off the edges here, 00:06:37.010 --> 00:06:39.230 these like little feet are called Serif. 00:06:39.230 --> 00:06:40.720 So you have a Serif font, 00:06:40.720 --> 00:06:44.670 that have these and a Sans Serif font is without them. 00:06:44.670 --> 00:06:46.245 Sans is Latin for without. 00:06:46.245 --> 00:06:47.940 Often that's a great way to get started. 00:06:47.940 --> 00:06:49.220 So just pick two fonts. 00:06:49.220 --> 00:06:50.480 I know we've picked three in this case. 00:06:50.480 --> 00:06:52.655 I've got some special use cases for it, 00:06:52.655 --> 00:06:53.885 but pick two fonts, 00:06:53.885 --> 00:06:55.385 one Serif, one Sans Serif. 00:06:55.385 --> 00:06:57.410 If you pick two Serif fonts, often, 00:06:57.410 --> 00:07:00.680 if you pick that something like Times or Garamond together, 00:07:00.680 --> 00:07:02.660 they're not different enough to look different, 00:07:02.660 --> 00:07:04.440 it does look a bit messy or broken. 00:07:04.440 --> 00:07:06.680 So you pick one with the feet and without the feet, 00:07:06.680 --> 00:07:11.255 and often it doesn't really matter which one you use for the title or the body copy, 00:07:11.255 --> 00:07:14.390 but the combination can look quite good and from within those fonts, 00:07:14.390 --> 00:07:15.575 you can pick two weights. 00:07:15.575 --> 00:07:17.060 So you've got four uses. 00:07:17.060 --> 00:07:18.470 You've got your Serif font, 00:07:18.470 --> 00:07:23.675 your San serif font and within those you can pick a light version and a bold version, 00:07:23.675 --> 00:07:28.445 let's say, or maybe just a regular version and a bold version. 00:07:28.445 --> 00:07:31.430 So you've got four choices and that'll give you enough options 00:07:31.430 --> 00:07:35.540 to keep consistency through the document without using too many fonts, 00:07:35.540 --> 00:07:37.670 but also be able to break up content. 00:07:37.670 --> 00:07:41.120 Things like headings versus subheadings versus body copy 00:07:41.120 --> 00:07:44.959 versus paragraphs versus captions, 00:07:44.959 --> 00:07:46.755 those types of things. 00:07:46.755 --> 00:07:50.220 If you're still unsure how to put things together which two to pick, 00:07:50.220 --> 00:07:53.495 you can just go into Google and search for 00:07:53.495 --> 00:08:01.475 Typekit and something like font combinations or font pairings is another good word, 00:08:01.475 --> 00:08:03.020 and go to images. 00:08:03.020 --> 00:08:06.955 What it'll do is it'll show you Typekit fonts that can be used together. 00:08:06.955 --> 00:08:08.080 Are all of them great? 00:08:08.080 --> 00:08:10.340 No. But you go through and you say actually, 00:08:10.340 --> 00:08:13.450 I wish this was actually bigger so I can see it a bit better. 00:08:13.450 --> 00:08:15.225 But let's say this one here. 00:08:15.225 --> 00:08:18.320 This seems like a really good example of a Serif font for 00:08:18.320 --> 00:08:21.695 the title and a San Serif for the body copy. 00:08:21.695 --> 00:08:23.525 So follow this link, figure out what they are, 00:08:23.525 --> 00:08:25.325 and you can download those ones. 00:08:25.325 --> 00:08:26.855 You can also see down here, 00:08:26.855 --> 00:08:28.445 this is the same font, 00:08:28.445 --> 00:08:29.885 but with different weights. 00:08:29.885 --> 00:08:32.390 So it's a good example to show you we're not switching our fonts, 00:08:32.390 --> 00:08:34.760 we're just playing with two different weights. 00:08:34.760 --> 00:08:38.520 So that's using Adobe Typekit in InDesign.