Reproduction for issue 2106

- meteor/meteor#2106
bobmonsour · May 2, 2014 · 955d4ab · 955d4ab
commit 955d4ab
Show file tree

Hide file tree

Showing 12 changed files with 496 additions and 0 deletions.
diff --git a/.meteor/.gitignore b/.meteor/.gitignore
@@ -0,0 +1 @@
+local
diff --git a/.meteor/packages b/.meteor/packages
@@ -0,0 +1,8 @@
+# Meteor packages used by this project, one per line.
+#
+# 'meteor add' and 'meteor remove' will edit this file for you,
+# but you can also edit it by hand.
+
+standard-app-packages
+autopublish
+insecure
diff --git a/.meteor/release b/.meteor/release
@@ -0,0 +1 @@
+0.8.1.1
diff --git a/README.md b/README.md
@@ -0,0 +1,28 @@
+## Reproduction for Meteor issue 2106
+
+- https://github.com/meteor/meteor/issues/2106
+
+1. Clone the repository
+
+1. Open the javascript console
+
+2. Start the app in Meteor 0.8.1 or 0.8.1.1
+
+3. Observe the app display squares in place of the proper Font Awesome icons
+
+4. Note the console display of the following:
+
+  "Resource interpreted as Font but transferred with MIME type text/html..."
+
+  For 3 of the 5 font files in the client/fonts directory:
+    - fontawesome-webfont.woff?v=4.0.3 
+    - fontawesome-webfont.ttf?v=4.0.3 
+    - fontawesome-webfont.svg?v=4.0.3
+
+  The other two files generate no such message:
+    - fontawesome-webfont.eot
+    - FontAwesome.otf
+
+  Expected: to see the heart icon display
+
+  Actual: square is displayed
diff --git a/client/css/bootstrap.min.css b/client/css/bootstrap.min.css
diff --git a/client/css/font-awesome.min.css b/client/css/font-awesome.min.css
diff --git a/client/fonts/FontAwesome.otf b/client/fonts/FontAwesome.otf
diff --git a/client/fonts/fontawesome-webfont.eot b/client/fonts/fontawesome-webfont.eot
diff --git a/client/fonts/fontawesome-webfont.svg b/client/fonts/fontawesome-webfont.svg
diff --git a/client/fonts/fontawesome-webfont.ttf b/client/fonts/fontawesome-webfont.ttf
diff --git a/client/fonts/fontawesome-webfont.woff b/client/fonts/fontawesome-webfont.woff
diff --git a/repro-fa-bug.html b/repro-fa-bug.html
@@ -0,0 +1,33 @@
+<head>
+  <title>Repro for Meteor issue #xxxx, Font Awesome display failire</title>
+</head>
+
+<body>
+  {{> hello}}
+</body>
+
+<template name="hello">
+  <h1>Hello World!</h1>
+
+  <p>Font Awesome heart is supposed to be right below this...</p>
+
+  <p class="favorites"><i class="fa fa-heart fa-2x"></i></p>
+
+  <p>And this is a rendering of the location arrow...</p>
+
+  <p class="favorites"><i class="fa fa-location-arrow fa-2x"></i></p>
+
+  <p>...but it renders as a square.</p>
+
+  <p>Note that the "fa-2x" class works to double the size of the rendered square.</p>
+
+  <p>Here it is without the "fa-2x"</p>
+
+  <p class="favorites"><i class="fa fa-heart"></i></p>
+
+  <p>Still a square...yet smaller...not 2x.</p>
+
+  <p>Here's the link to the fa heart code example...</p>
+
+  <p><a href="http://fontawesome.io/icon/heart/">http://fontawesome.io/icon/heart/</a></p>
+</template>