Use fontspring suggested media query targeting for chrome

FontCustom · Nov 19, 2013 · 67a5c34 · 67a5c34
1 parent 1dbeade
commit 67a5c34
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 0 deletions.
diff --git a/lib/fontcustom/templates/_fontcustom-bootstrap.scss b/lib/fontcustom/templates/_fontcustom-bootstrap.scss
@@ -14,6 +14,13 @@
   font-style: normal;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: "<%= @opts.font_name %>";
+    src: url("<%= @font_path_alt %>.svg#<%= @opts.font_name %>") format("svg");
+  }
+}
+
 [class^="<%= @opts.css_prefix %>"]:before, [class*=" <%= @opts.css_prefix %>"]:before {
   font-family: "<%= @opts.font_name %>";
   font-weight: normal;

diff --git a/lib/fontcustom/templates/_fontcustom-rails.scss b/lib/fontcustom/templates/_fontcustom-rails.scss
@@ -13,6 +13,13 @@
   font-style: normal;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: "<%= @opts.font_name %>";
+    src: url("<%= @font_path_alt %>.svg#<%= @opts.font_name %>") format("svg");
+  }
+}
+
 [data-icon]:before { content: attr(data-icon); }
 
 [data-icon]:before,

diff --git a/lib/fontcustom/templates/_fontcustom.scss b/lib/fontcustom/templates/_fontcustom.scss
@@ -13,6 +13,13 @@
   font-style: normal;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: "<%= @opts.font_name %>";
+    src: url("<%= @font_path_alt %>.svg#<%= @opts.font_name %>") format("svg");
+  }
+}
+
 [data-icon]:before { content: attr(data-icon); }
 
 [data-icon]:before,

diff --git a/lib/fontcustom/templates/fontcustom-bootstrap.css b/lib/fontcustom/templates/fontcustom-bootstrap.css
@@ -14,6 +14,13 @@
   font-style: normal;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+    @font-face {
+        font-family: "<%= @opts.font_name %>";
+        src: url("<%= @font_path %>.svg#<%= @opts.font_name %>") format("svg");
+    }
+}
+
 [class^="<%= @opts.css_prefix %>"]:before, [class*=" <%= @opts.css_prefix %>"]:before {
   font-family: "<%= @opts.font_name %>";
   font-weight: normal;

diff --git a/lib/fontcustom/templates/fontcustom-preview.html b/lib/fontcustom/templates/fontcustom-preview.html
@@ -132,6 +132,13 @@
         font-style: normal;
       }
 
+      @media screen and (-webkit-min-device-pixel-ratio:0) {
+          @font-face {
+              font-family: "<%= @opts.font_name %>";
+              src: url("<%= @font_path_preview %>.svg#<%= @opts.font_name %>") format("svg");
+          }
+      }
+
       [data-icon]:before { content: attr(data-icon); }
 
       [data-icon]:before,

diff --git a/lib/fontcustom/templates/fontcustom.css b/lib/fontcustom/templates/fontcustom.css
@@ -13,6 +13,13 @@
   font-style: normal;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+    @font-face {
+        font-family: "<%= @opts.font_name %>";
+        src: url("<%= @font_path %>.svg#<%= @opts.font_name %>") format("svg");
+    }
+}
+
 [data-icon]:before { content: attr(data-icon); }
 
 [data-icon]:before,