Material design icons without ligatures, for less jumps while loading.

assets/css/wordpress-headers.sass

@@ -4,7 +4,7 @@
  Theme Name: Material for Coders
  Author: Josep Viciana
  Author URI: http://www.emm-gfx.net/
- Version: 1.2.6.1
+ Version: 1.2.6.2
  License: GNU General Public License v2 or later
  License URI: http://opensource.org/licenses/MIT
  Tags: pink, green, blue, one-column, responsive-layout, custom-menu, editor-style, featured-images,threaded-comments

context.php

@@ -4,11 +4,11 @@
 ?>
 <ul class="context list-unstyled list-inline">
 
-	<li class="date"><i class="material-icons">date_range</i> <?PHP the_time(get_option( 'date_format' )); ?></li>
+	<li class="date"><i class="material-icons">&#xE916;</i> <?PHP the_time(get_option( 'date_format' )); ?></li>
 
 	<?PHP $categories = get_the_category(); ?>
 	<?PHP if($categories){ ?>
-		<li class="categories"><i class="material-icons">folder_open</i>
+		<li class="categories"><i class="material-icons">&#xE2C8;</i>
 			<?PHP
 			foreach($categories as $index => $category) {
 				if($index < $max_categories){
@@ -26,7 +26,7 @@
 
 	<?PHP $posttags = get_the_tags(); ?>
 	<?PHP if($posttags){ ?>
-		<li class="tags"><i class="material-icons">label_outline</i>
+		<li class="tags"><i class="material-icons">&#xE893;</i>
 			<?PHP
 			foreach($posttags as $index => $tag) {
 				if($index < $max_tags){
@@ -43,6 +43,6 @@
 	<?PHP } ?>
 
 	<?PHP if(get_comments_number() > 0){ ?>
-	<li><i class="material-icons">question_answer</i> <a href="<?php the_permalink() ?>/#comments"><?PHP comments_number( 'Sin comentarios', '1 comentario', '% comentarios' ) ?></a></li>
+	<li><i class="material-icons">&#xE8AF;</i> <a href="<?php the_permalink() ?>/#comments"><?PHP comments_number( 'Sin comentarios', '1 comentario', '% comentarios' ) ?></a></li>
 	<?PHP } ?>
 </ul>

footer.php

@@ -58,9 +58,7 @@
 	    <script src="//cdnjs.cloudflare.com/ajax/libs/headroom/0.7.0/headroom.min.js"></script>
 	    <script src="//cdnjs.cloudflare.com/ajax/libs/headroom/0.7.0/jQuery.headroom.min.js"></script>
 	    <script src="<?PHP echo get_template_directory_uri(); ?>/assets/js/js.js"></script>
-
 		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 		<?php wp_footer(); ?>
-
 	</body>
 </html>

header.php

@@ -43,7 +43,7 @@
     <meta name="expires" content="<?php echo gmdate ("D, d M Y H:i:s", time() + 60*60*24*7); ?>">
     <meta http-equiv="Cache-control" content="public">
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
-
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
     <?PHP
     switch(get_option('color-scheme')){
         case 'Green':
@@ -74,7 +74,7 @@
                 <div class="col-md-9 col-sm-12">
 
                     <div class="title-wrapper">
-                        <a href="#" class="mobile-menu-toggler hidden-md hidden-lg"><i class="material-icons">menu</i></a>
+                        <a href="#" class="mobile-menu-toggler hidden-md hidden-lg"><i class="material-icons">&#xE5D2;</i></a>
                         <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name');?></a></h1>
                     </div>
 
@@ -104,7 +104,7 @@
                     <!-- Search form -->
                     <form action="<?php echo home_url(); ?>" type="get">
                         <input type="text" class="search form-control" name="s" value="<?PHP echo get_search_query();?>">
-                        <i class="material-icons">search</i>
+                        <i class="material-icons">&#xE8B6;</i>
                     </form>
                 </div>