Regular updates

[twpd/master.git] / google-webfonts.md

diff --git a/google-webfonts.md b/google-webfonts.md
index cc7a07d..dbbcba3 100644 (file)
--- a/google-webfonts.md
+++ b/google-webfonts.md
@@ -1,12 +1,26 @@
 ---
 title: Google Webfonts
+layout: 2017/sheet
+intro: |
+  Short snippets on using [Google Webfonts](https://google.com/fonts) in a web page.
 ---
 
 ### Link tag
 
-    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+<!-- prettier-ignore -->
+```html
+<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css" />
+```
 
 ### CSS import
 
-    @import url(http://fonts.googleapis.com/css?family=Open+Sans);
-    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic|Montserrat:400,700);
+<!-- prettier-ignore -->
+```css
+/* One font */
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
+
+/* Combining multiple fonts */
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic|Montserrat:400,700'');
+```
+
+Great for using with [Codepen.io](https://codepen.io/) or similar websites!