Add generated SVG symbols to header.

40Digits · Jan 9, 2017 · 23150ff · 23150ff
1 parent 78d3dd0
commit 23150ff
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/assets/images/sprites/symbols.svg b/assets/images/sprites/symbols.svg
diff --git a/header.php b/header.php
@@ -6,9 +6,9 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 
-	<title><?php wp_title('&raquo;','true','right'); ?></title>
+	<title><?php wp_title('&raquo;', 'true', 'right'); ?></title>
 
-  	<script>
+		<script>
 		// Set up site configuration
 		window.config = window.config || {};
 		// The base URL for the WordPress theme
@@ -24,4 +24,10 @@
 
 	<?php wp_head(); ?>
 </head>
-<body <?php body_class(); ?>>
+<body <?php body_class(); ?>>
+
+	<?php
+		// SVG Sprite for symbols. Make sure this is `display: none`!
+		// https://css-tricks.com/svg-sprites-use-better-icon-fonts/#article-header-id-1
+		readfile(get_stylesheet_directory() . '/assets/images/sprites/symbols.svg');
+	?>