1 00:00:00,540 --> 00:00:02,780 Hello and welcome in this field to you. 2 00:00:02,970 --> 00:00:11,400 I'm going to show you how to use Google fonts to search for the fonts you like and also show you how 3 00:00:11,400 --> 00:00:19,340 to add that to your hastier mail so that you can access the font. 4 00:00:19,350 --> 00:00:26,320 So first of all we need to go to this address here which is fahnestock google dot com. 5 00:00:26,880 --> 00:00:30,180 So this is the Google font directory. 6 00:00:30,360 --> 00:00:35,940 And basically just look true to see whatever form you like. 7 00:00:36,120 --> 00:00:41,940 And if you see the French like you can click on the plus side it gives you a description and it gives 8 00:00:41,940 --> 00:00:50,220 you some sample text to see what the font look like so I just looked through the fonts on to you see 9 00:00:50,220 --> 00:00:51,910 the one you're like. 10 00:00:51,930 --> 00:01:01,150 I know the one I liked you know the one you like because so for it to one hour like is called Open sants. 11 00:01:01,950 --> 00:01:04,270 Okay. 12 00:01:04,920 --> 00:01:07,230 So this is the font I like. 13 00:01:07,420 --> 00:01:12,560 So if you can see here you can see this specimen sissy specimen. 14 00:01:12,630 --> 00:01:21,480 It will show you the specimen or the font tells you the common bond or there's light there's light totally 15 00:01:21,560 --> 00:01:22,140 and so on. 16 00:01:22,140 --> 00:01:23,960 So these are the fonts. 17 00:01:24,010 --> 00:01:30,120 It also tells you the number of times Google fonts. 18 00:01:30,180 --> 00:01:34,500 KP served this forum in the last week. 19 00:01:34,560 --> 00:01:43,290 It tells you open science is featured in more than 18 million websites and more than 80 million websites 20 00:01:43,740 --> 00:01:46,440 use this type of font. 21 00:01:46,560 --> 00:01:55,050 So the way you add disformed to your history mail so that anyone who has seen your page can see it. 22 00:01:55,170 --> 00:02:02,710 You do that using the Google a p p sounds for application programming interface. 23 00:02:02,880 --> 00:02:13,070 So in the address you need to develop Google dot com slash fonts slash docs slash get in start it. 24 00:02:13,500 --> 00:02:17,240 So here this is a good developer site. 25 00:02:17,530 --> 00:02:24,580 He give you some clues as to how to add it till you hear what they API fonts API. 26 00:02:24,600 --> 00:02:32,410 Does it give you this guy that explains how to use Google fonts API and fonts to your web pages. 27 00:02:32,460 --> 00:02:40,270 You don't need to do any programming or you have to do is add this special style sheet link to your. 28 00:02:40,270 --> 00:02:47,580 Here's Tim Miller document today you can refer to it in your sig says Star font. 29 00:02:47,760 --> 00:02:57,120 So if you include the link then you can use your success to manipulate it so gives you an example here. 30 00:02:57,330 --> 00:03:06,420 What you need to do you copy the link copy this link here and you specify the font you want. 31 00:03:06,420 --> 00:03:14,580 In my case it will be open sounds so I'm just going to copy this and change this fund from Tanger to 32 00:03:14,640 --> 00:03:23,580 open sans all I need here is this link here and Hoppy this entire link. 33 00:03:23,580 --> 00:03:34,460 This one here so I have now added the link from the google API and just changed the name of the font. 34 00:03:34,620 --> 00:03:44,220 So this is the font I want here so that's how you include Google font to your email document. 35 00:03:44,220 --> 00:03:50,530 Once you've added It must be added in the head section saw it before. 36 00:03:50,620 --> 00:03:52,210 No that's yes says you've got. 37 00:03:52,210 --> 00:03:56,960 So this is my main success and this is a google to access. 38 00:03:56,980 --> 00:04:07,200 So this one will be reference once you have to be on line to access this Google API font sort of font 39 00:04:07,350 --> 00:04:10,120 you like on the Google font. 40 00:04:10,260 --> 00:04:18,480 You can add it using the same methods and once we've done that I'll save it and you can now go in to 41 00:04:18,480 --> 00:04:22,980 your csx and set values using that font. 42 00:04:22,980 --> 00:04:24,100 You've just added. 43 00:04:24,270 --> 00:04:33,810 So if I go into my csx I can add the font family so here where I've caught my hastier mail i can decide 44 00:04:33,810 --> 00:04:44,600 to add the font family so I do font family for the font family. 45 00:04:44,700 --> 00:04:47,000 I would chose to. 46 00:04:48,130 --> 00:04:54,550 If you don't know pfunder has to work you need to enclose the words in quotes. 47 00:04:54,600 --> 00:04:59,540 So type in hope and the other word. 48 00:05:00,030 --> 00:05:07,040 It sounds alright so that's one font it can see as change. 49 00:05:07,070 --> 00:05:12,130 You can see the font has changed already because I added the link to the Google font. 50 00:05:12,130 --> 00:05:16,190 When you add in font family always good to add is substitute. 51 00:05:16,180 --> 00:05:18,260 So I'm going to add another one chord. 52 00:05:18,530 --> 00:05:22,240 Sounds scary. 53 00:05:22,280 --> 00:05:26,930 So this will be the substitute of that want this NOW AVAILABLE. 54 00:05:26,930 --> 00:05:29,920 It will default to that one. 55 00:05:30,380 --> 00:05:41,930 So that's my font add it and the next and I want to do is just add a font size for my Turkish Temo and 56 00:05:41,970 --> 00:05:45,270 immense font size. 57 00:05:45,270 --> 00:05:51,570 This is a current font size so I just want to try different size and see what it looks like. 58 00:05:51,590 --> 00:05:54,280 This is 10 pixels. 59 00:05:54,380 --> 00:05:57,820 Let's see what it looks like for 10 pixels. 60 00:05:58,440 --> 00:06:00,680 Okay hasn't changed that much. 61 00:06:00,790 --> 00:06:02,010 Make it well 62 00:06:04,710 --> 00:06:06,780 and see what it does. 63 00:06:06,780 --> 00:06:08,440 I'll say that. 64 00:06:10,930 --> 00:06:14,880 Kent taught me a little bit bigger in this video. 65 00:06:14,890 --> 00:06:24,240 I showed you how to use the Google phone directory to search for a font you like and also showed you 66 00:06:24,250 --> 00:06:32,890 an example or add a font to your hate mail via the Google font API. 67 00:06:32,890 --> 00:06:34,770 So that's it for this video. 68 00:06:34,790 --> 00:06:36,220 Thank you for watching. 69 00:06:36,220 --> 00:06:37,300 Bye for now.