Issue 5350 - Setup Help Center Boilerplate

static/scss/base/_font.scss

Index: static/scss/base/_font.scss
===================================================================
--- a/static/scss/base/_font.scss
+++ b/static/scss/base/_font.scss
@@ -15,49 +15,49 @@
 // along with acceptableads.org.  If not, see <http://www.gnu.org/licenses/>.
 
 @font-face
 {
   font-family: "Source Sans Pro";
   font-weight: 300;
   font-style: normal;
 
-  src: url("/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.eot");
-  src: url("/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.eot?#iefix") format("embedded-opentype"),
+  src: url("../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.eot");

[juliandoucette, 2017/07/03 15:37:55]

I'm getting a 404 when I try to use these fonts.

[ire, 2017/07/04 09:33:15]

That's strange, it's working for me. I fixed one of the paths below, so maybe
that has something to do with it? Let me know if you are still experiencing the
issue. 

+  src: url("../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.eot?#iefix") format("embedded-opentype"),
   local("Source Sans Pro Light"),
   local("Source-Sans-Pro-300"),
-  url("/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.woff2") format("woff2"),
-  url("/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.woff") format("woff"),
-  url("/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.ttf") format("truetype"),
-  url("/fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.svg#SourceSansPro") format("svg");
+  url("../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.woff2") format("woff2"),
+  url("../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.woff") format("woff"),
+  url("../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.ttf") format("truetype"),
+  url("../fonts/Source-Sans-Pro-300/Source-Sans-Pro-300.svg#SourceSansPro") format("svg");
 }
 
 @font-face
 {
   font-family: "Source Sans Pro";
   font-weight: 400;
   font-style: normal;
 
-  src: url("/fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.eot");
-  src: url("/fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.eot?#iefix") format("embedded-opentype"),
+  src: url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.eot");
+  src: url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.eot?#iefix") format("embedded-opentype"),
   local("Source Sans Pro"),
   local("Source-Sans-Pro-400"),
-  url("/fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.woff2") format("woff2"),
-  url("/fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.woff") format("woff"),
-  url("/fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.ttf") format("truetype"),
-  url("/fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.svg#SourceSansPro") format("svg");
+  url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.woff2") format("woff2"),
+  url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.woff") format("woff"),
+  url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.ttf") format("truetype"),
+  url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.svg#SourceSansPro") format("svg");
 }
 
 @font-face
 {
   font-family: "Source Sans Pro";
   font-weight: 700;
   font-style: normal;
 
   src: url("/fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.eot");
   src: url("/fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.eot?#iefix") format("embedded-opentype"),

[ire, 2017/07/04 09:33:15]

Fixed this URL

   local("Source Sans Pro Bold"),
   local("Source-Sans-Pro-700"),
-  url("/fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.woff2") format("woff2"),
-  url("/fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.woff") format("woff"),
-  url("/fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.ttf") format("truetype"),
-  url("/fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.svg#SourceSansPro") format("svg");
+  url("../fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.woff2") format("woff2"),
+  url("../fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.woff") format("woff"),
+  url("../fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.ttf") format("truetype"),
+  url("../fonts/Source-Sans-Pro-700/Source-Sans-Pro-700.svg#SourceSansPro") format("svg");
 }