1 00:00:07,370 --> 00:00:09,630 Let's work with some new fonts. 2 00:00:09,630 --> 00:00:11,150 We are going to go down to page 3, 3 00:00:11,150 --> 00:00:12,560 we're going to get my type tool, 4 00:00:12,560 --> 00:00:15,510 draw a nice big box in the center here and we're going to call 5 00:00:15,510 --> 00:00:20,280 this one Healing Herbs, okay. 6 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 7 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. 8 00:00:26,700 --> 00:00:29,820 These are the ones that come at by default when you machine. 9 00:00:29,820 --> 00:00:33,950 We're going to look at adding fonts from Typekit and some other free stuff. 10 00:00:33,945 --> 00:00:37,305 Let's quickly look at free fonts and then jump into Typekit. 11 00:00:37,305 --> 00:00:40,515 there are lots of places to get free fonts, 12 00:00:40,515 --> 00:00:43,865 1001 free fonts, deaf font, I find. 13 00:00:43,860 --> 00:00:46,700 There is a lot of techie fonts and crapy fonts in there. 14 00:00:46,695 --> 00:00:48,425 So I just jumped to Font Squirrel. 15 00:00:48,420 --> 00:00:51,260 It's a great place for commercial use fonts that 16 00:00:51,260 --> 00:00:54,370 are free and you can go through here and download them. 17 00:00:54,370 --> 00:00:56,030 See there's Alex Brush here, 18 00:00:56,025 --> 00:00:57,915 I'm going to click "Download". 19 00:00:57,910 --> 00:01:02,440 I'm going to stick it on my desktop in my class files click "Save". 20 00:01:02,435 --> 00:01:05,405 I'm going to open up that little zip file that it came with, 21 00:01:05,405 --> 00:01:07,535 double-click it and it's given me this, 22 00:01:07,530 --> 00:01:09,830 the ttf file, that should hold the fonts that you want. 23 00:01:09,825 --> 00:01:11,945 It might be an otf file. 24 00:01:11,940 --> 00:01:13,680 I can't remember what the other ones are, 25 00:01:13,680 --> 00:01:16,520 but double-click it and depending on your system, 26 00:01:16,520 --> 00:01:19,250 it'll come out with install font super easy, 27 00:01:19,250 --> 00:01:20,960 both Mac and PC. 28 00:01:20,960 --> 00:01:22,760 Now if we jump into InDesign, 29 00:01:22,760 --> 00:01:24,090 no need to restart. 30 00:01:24,094 --> 00:01:26,384 I can go up here and say, "Alex". 31 00:01:26,380 --> 00:01:29,250 There it is, Alex Brush and I can start using that font. 32 00:01:29,250 --> 00:01:32,110 I'm going to make it a lot bigger, maybe up to 40. 33 00:01:32,105 --> 00:01:35,035 There's that font, commercial use ready to go. 34 00:01:35,030 --> 00:01:38,440 Now, Font Squirrel and Free Fonts site's like it, 35 00:01:38,435 --> 00:01:40,735 often have really good heading fonts, 36 00:01:40,730 --> 00:01:43,130 but very poor body copy fonts because, 37 00:01:43,130 --> 00:01:44,690 body copy fonts just take a lot longer to 38 00:01:44,690 --> 00:01:47,180 make because there's so many more nuances than say, 39 00:01:47,180 --> 00:01:48,540 just these big headings here. 40 00:01:48,540 --> 00:01:50,390 So in an earlier video, we looked at my fonts. 41 00:01:50,390 --> 00:01:52,100 We can buy commercial fonts, 42 00:01:52,100 --> 00:01:53,450 but we're going to look at Typekit, 43 00:01:53,450 --> 00:01:59,570 because Typekit is an actual paid for commercial font library, okay, from Adobe. 44 00:01:59,570 --> 00:02:01,820 But because you've got a Creative Cloud license, 45 00:02:01,820 --> 00:02:03,170 or potentially you have, 46 00:02:03,170 --> 00:02:06,890 you get access to it for free or at least as part of your subscriptions. 47 00:02:06,890 --> 00:02:08,030 Let's go and check that out. 48 00:02:08,030 --> 00:02:09,530 So up the top here, 49 00:02:09,530 --> 00:02:11,360 the easiest way is to click this one, 50 00:02:11,360 --> 00:02:15,040 this is "Add fonts from Typekit" and it's going to actually open up a web browser. 51 00:02:15,035 --> 00:02:16,925 You can't do it from within InDesign. 52 00:02:16,925 --> 00:02:22,225 Let's go, so it's opening up here in my browser and if you're not logged in, 53 00:02:22,220 --> 00:02:25,150 you might have to login with your Adobe username and password, 54 00:02:25,150 --> 00:02:27,820 mine's already logged in and I love this site. 55 00:02:27,820 --> 00:02:29,440 You can do some cool things. 56 00:02:29,440 --> 00:02:32,340 I'm going to omit this one that says My Library. 57 00:02:32,335 --> 00:02:37,725 Actually go to All Families and the Sample Text thing is quite useful. 58 00:02:37,720 --> 00:02:40,660 So I can say I want to do healing herbs. 59 00:02:40,660 --> 00:02:44,320 You can see what's it's going to look like before you download it, 60 00:02:44,315 --> 00:02:47,905 which is really handy, play around with the size. Because it's going to be a heading. 61 00:02:47,900 --> 00:02:50,920 Something like that and you can start working through the fonts. 62 00:02:50,915 --> 00:02:54,765 A nice thing about Typekit as well as over here, this Classification. 63 00:02:54,760 --> 00:02:56,390 Now all the fonts are on my machine, 64 00:02:56,390 --> 00:02:57,550 I've got hundreds of them, 65 00:02:57,545 --> 00:02:59,025 but they're all not groups. 66 00:02:59,020 --> 00:03:01,040 So it's a bit of a pain to go through and say, 67 00:03:01,040 --> 00:03:03,280 I want to find like a hand-drawn font. 68 00:03:03,275 --> 00:03:05,065 So it's easy to come to Typekit, 69 00:03:05,060 --> 00:03:09,070 click on "Hand" and you can find hand-drawn fonts. 70 00:03:09,065 --> 00:03:12,235 You can download them from here. 71 00:03:12,235 --> 00:03:15,095 You can see this one here a Slab Serif, 72 00:03:15,090 --> 00:03:17,000 nice,, big thick chunky one. 73 00:03:16,995 --> 00:03:19,915 You can also add extra little filters as well. 74 00:03:19,910 --> 00:03:21,650 You can say I want it for Headings only, 75 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. 76 00:03:25,890 --> 00:03:27,840 Down here is quite useful as well. 77 00:03:27,840 --> 00:03:29,720 Say you have a really long headings, 78 00:03:29,715 --> 00:03:31,705 you can pick this width to be quite skinny, 79 00:03:31,700 --> 00:03:33,380 so you can fit quite a lot of letters and 80 00:03:33,380 --> 00:03:36,680 a title or if you want a nice big thick wide one. 81 00:03:36,680 --> 00:03:39,960 I'm going to click on it again and it just deselects all of them. 82 00:03:39,960 --> 00:03:42,590 If you want heavyweights or a nice thin weight, 83 00:03:42,585 --> 00:03:46,265 contrast, x-height, there is all sorts of things. 84 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. 85 00:03:50,310 --> 00:03:52,700 I hate it when you get stuck where you pick a font, 86 00:03:52,700 --> 00:03:55,030 but the numbers do this weird thing where they, 87 00:03:55,025 --> 00:03:58,885 can you see down here, they all sit on the baseline, 88 00:03:58,880 --> 00:04:01,910 which means this 4 dangles below and the 6 is above. 89 00:04:01,910 --> 00:04:05,990 [inaudible] I found that also has all the numbers lining up, 90 00:04:05,990 --> 00:04:07,720 to not give me any issues later on. 91 00:04:07,715 --> 00:04:10,945 I'm going to deselect that. Actually, I've got some fonts we want to use. 92 00:04:10,940 --> 00:04:15,160 I'm going to go in here and I'm going to up here and says search Typekit, 93 00:04:15,155 --> 00:04:17,285 and it'll download a couple of fonts for me. 94 00:04:17,285 --> 00:04:19,685 The first one I want is called Lust. 95 00:04:20,650 --> 00:04:23,840 You can choose Lust or Lust Script. 96 00:04:23,840 --> 00:04:25,220 With a bit more clearly really, 97 00:04:25,220 --> 00:04:27,290 we are just going to use the plain old Lust. 98 00:04:27,290 --> 00:04:30,600 Click on it and there's an option here that says, 99 00:04:30,604 --> 00:04:34,564 Sync All, click on that. Click "Back". 100 00:04:34,560 --> 00:04:37,180 Relax. The nice thing about this is that actually 101 00:04:37,175 --> 00:04:39,085 Adobe's Creative Cloud App is actually 102 00:04:39,080 --> 00:04:42,220 installing this for you. I'm going to click "Close". 103 00:04:42,220 --> 00:04:46,940 Now if we jump into InDesign and highlight the text, 104 00:04:46,940 --> 00:04:52,000 super-simple, Lust and here it is. 105 00:04:51,995 --> 00:04:54,175 I'm going to use Lust italic. 106 00:04:54,175 --> 00:04:57,125 I'm going to give it the mid green color. 107 00:04:57,120 --> 00:04:58,950 That's how you install fonts. 108 00:04:58,950 --> 00:05:02,260 Now we're going to go through now and install a couple more. 109 00:05:02,260 --> 00:05:07,310 Let's turn back. We're going to use Roboto, I like Roboto. 110 00:05:07,310 --> 00:05:10,160 When you are picking fonts, 111 00:05:10,160 --> 00:05:12,640 often you'll use a header font, 112 00:05:12,640 --> 00:05:18,550 something a little bit more exciting like Lust and then a body copy font, 113 00:05:18,545 --> 00:05:21,885 obviously Lust as a body copy font would be a terrible idea. 114 00:05:21,880 --> 00:05:23,790 So Roboto, great. 115 00:05:23,785 --> 00:05:25,615 I'm going to sync Roboto. 116 00:05:25,615 --> 00:05:28,815 I like Roboto because it is like Ariel. 117 00:05:28,815 --> 00:05:30,335 Nice, simple, easy to read form, 118 00:05:30,335 --> 00:05:33,505 but it's little more sophisticated, I feel. 119 00:05:33,505 --> 00:05:37,735 Let's look at Roboto Slab. 120 00:05:38,220 --> 00:05:42,320 It's very similar. It's got these what's called Slab Serifs. 121 00:05:42,315 --> 00:05:43,835 See this bottom with this "q" here, 122 00:05:43,830 --> 00:05:45,320 Serifs are the little feet. 123 00:05:45,315 --> 00:05:46,835 So this is a Serif fonts, 124 00:05:46,830 --> 00:05:48,480 it's got the little feet down the bottom. 125 00:05:48,480 --> 00:05:52,770 San Serif, if you've ever heard of that word means without the little feet. 126 00:05:52,770 --> 00:05:58,500 So San is without Serifs and a Slab Serifs just means a big chunky slabby one, 127 00:05:58,500 --> 00:06:00,450 like old school university fonts. 128 00:06:00,450 --> 00:06:01,920 Now I already had this one synced, 129 00:06:01,920 --> 00:06:05,600 so I don't have to click "Sync All" again, and it's all ready to go. 130 00:06:05,595 --> 00:06:07,025 As a little side note, 131 00:06:07,020 --> 00:06:11,270 Roboto is what Google uses for YouTube or YouTube uses for YouTube. 132 00:06:11,270 --> 00:06:13,190 It's their font that they use on everything. 133 00:06:13,190 --> 00:06:14,450 It's quite a nice font. They use it well. 134 00:06:14,450 --> 00:06:16,540 Go and check out them, on how they use it. 135 00:06:16,535 --> 00:06:19,915 If you want to find combinations of Roboto being used nicely. 136 00:06:19,915 --> 00:06:22,015 Now one thing when it comes to using fonts, 137 00:06:22,010 --> 00:06:23,350 if you are really new, 138 00:06:23,345 --> 00:06:28,315 often some basic rules can help you and the basic rules are you pick two fonts. 139 00:06:28,310 --> 00:06:33,010 You pick a font that has a Serif font and a Sans Serif, 140 00:06:33,005 --> 00:06:37,015 these little things hanging off the edges here, 141 00:06:37,010 --> 00:06:39,230 these like little feet are called Serif. 142 00:06:39,230 --> 00:06:40,720 So you have a Serif font, 143 00:06:40,720 --> 00:06:44,670 that have these and a Sans Serif font is without them. 144 00:06:44,670 --> 00:06:46,250 Sans is Latin for without. 145 00:06:46,245 --> 00:06:47,945 Often that's a great way to get started. 146 00:06:47,940 --> 00:06:49,220 So just pick two fonts. 147 00:06:49,220 --> 00:06:50,480 I know we've picked three in this case. 148 00:06:50,480 --> 00:06:52,660 I've got some special use cases for it, 149 00:06:52,655 --> 00:06:53,885 but pick two fonts, 150 00:06:53,885 --> 00:06:55,385 one Serif, one Sans Serif. 151 00:06:55,385 --> 00:06:57,415 If you pick two Serif fonts, often, 152 00:06:57,410 --> 00:07:00,680 if you pick that something like Times or Garamond together, 153 00:07:00,680 --> 00:07:02,660 they're not different enough to look different, 154 00:07:02,660 --> 00:07:04,440 it does look a bit messy or broken. 155 00:07:04,440 --> 00:07:06,680 So you pick one with the feet and without the feet, 156 00:07:06,680 --> 00:07:11,260 and often it doesn't really matter which one you use for the title or the body copy, 157 00:07:11,255 --> 00:07:14,395 but the combination can look quite good and from within those fonts, 158 00:07:14,390 --> 00:07:15,580 you can pick two weights. 159 00:07:15,575 --> 00:07:17,065 So you've got four uses. 160 00:07:17,060 --> 00:07:18,470 You've got your Serif font, 161 00:07:18,470 --> 00:07:23,680 your San serif font and within those you can pick a light version and a bold version, 162 00:07:23,675 --> 00:07:28,445 let's say, or maybe just a regular version and a bold version. 163 00:07:28,445 --> 00:07:31,435 So you've got four choices and that'll give you enough options 164 00:07:31,430 --> 00:07:35,540 to keep consistency through the document without using too many fonts, 165 00:07:35,540 --> 00:07:37,670 but also be able to break up content. 166 00:07:37,670 --> 00:07:41,120 Things like headings versus subheadings versus body copy 167 00:07:41,120 --> 00:07:44,960 versus paragraphs versus captions, 168 00:07:44,959 --> 00:07:46,759 those types of things. 169 00:07:46,755 --> 00:07:50,225 If you're still unsure how to put things together which two to pick, 170 00:07:50,220 --> 00:07:53,500 you can just go into Google and search for 171 00:07:53,495 --> 00:08:01,475 Typekit and something like font combinations or font pairings is another good word, 172 00:08:01,475 --> 00:08:03,025 and go to images. 173 00:08:03,020 --> 00:08:06,960 What it'll do is it'll show you Typekit fonts that can be used together. 174 00:08:06,955 --> 00:08:08,085 Are all of them great? 175 00:08:08,080 --> 00:08:10,340 No. But you go through and you say actually, 176 00:08:10,340 --> 00:08:13,450 I wish this was actually bigger so I can see it a bit better. 177 00:08:13,450 --> 00:08:15,230 But let's say this one here. 178 00:08:15,225 --> 00:08:18,325 This seems like a really good example of a Serif font for 179 00:08:18,320 --> 00:08:21,700 the title and a San Serif for the body copy. 180 00:08:21,695 --> 00:08:23,525 So follow this link, figure out what they are, 181 00:08:23,525 --> 00:08:25,325 and you can download those ones. 182 00:08:25,325 --> 00:08:26,855 You can also see down here, 183 00:08:26,855 --> 00:08:28,445 this is the same font, 184 00:08:28,445 --> 00:08:29,885 but with different weights. 185 00:08:29,885 --> 00:08:32,395 So it's a good example to show you we're not switching our fonts, 186 00:08:32,390 --> 00:08:34,760 we're just playing with two different weights. 187 00:08:34,760 --> 00:08:38,520 So that's using Adobe Typekit in InDesign.