google-webfonts.md

   1 ---
   2 title: Google Webfonts
   3 layout: 2017/sheet
   4 intro: |
   5   Short snippets on using [Google Webfonts](https://google.com/fonts) in a web page.
   6 ---
   7
   8 ### Link tag
   9
  10 <!-- prettier-ignore -->
  11 ```html
  12 <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
  13 ```
  14
  15 ### CSS import
  16
  17 <!-- prettier-ignore -->
  18 ```css
  19 /* One font */
  20 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
  21
  22 /* Combining multiple fonts */
  23 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic|Montserrat:400,700'');
  24 ```
  25
  26 Great for using with [Codepen.io](https://codepen.io/) or similar websites!