How to add Google Fonts to Your WebSite

1. Find out what's font you'd like to use

2. google fonts page

3. Go to above link to check what's the font want to use.

4. For instance, i'm using Light 300 for Open Sans

5. Add code to your Web Application

6. Add google api link & add font family to the css

7. 

8. Code of link

10. Code example of add to the css, bootstrap SASS

$font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default; $font-family-serif: Georgia, "Times New Roman", Times, serif !default;

  12. Example UI


    13. Following is the layout after I update the google font api.![](https://d1p0mp3f1fx0hz.cloudfront.net/_u8lpkc44y.png)




Furthermore, if you need more information about google fonts, see following
  links.


Getting Started Google Fonts