Adding and applying the Google Font API syntax


show more Adding and applying the Google Font API syntax provides you with in-depth training on Web. Taught by Laura Franz as part of the Typography for Web Designers show less
please wait ...

Adding and applying the Google Font API syntax

In the last lesson we chose our web font PT Sans from Google fonts. In this lesson we will add the Google web font syntax to our web page. You see our font family for the page is currently Arial. All text is the same size. The only difference is the heading is bold. We are going to change the font to our chosen web font, PT Sans. Go to google.com/webfonts, find your chosen font., I am going to use the Command+F for find and we're looking for PT Sans.

Some fonts have more than one version. PT Sans has a narrow font and a caption. You can see here the x-height is a little bit bigger and it's a little bit looser, so it would be great to use a really small type. But we are looking for the regular PT Sans. Click on it. We have seen this page before. this is the page where we can see what the font looks like. We can also choose to use this font. Click on that link and you will see we can choose what variants we want to use within our web page.

Only choose the ones that you need , because...

Adding and applying the Google Font API syntax
Video duration: 4m 29s 6h 25m Appropriate for all

Viewers:

Adding and applying the Google Font API syntax provides you with in-depth training on Web. Taught by Laura Franz as part of the Typography for Web Designers

Subject:
Web
Software:
TextWrangler
Author:
please wait ...