doc: remove remote loading of fonts & upload to repo

NOTICE

@@ -3,3 +3,15 @@ Copyright 2012 The Apache Software Foundation
 
 This product includes software developed at
 The Apache Software Foundation (https://www.apache.org/).
+
+--
+
+This product includes binary fonts that are provided under SIL Open Font License, Version 1.1.
+
+- ./www/static/fonts/raleway
+
+Copyright 2010 The Raleway Project Authors (impallari@gmail.com), with Reserved Font Name "Raleway".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1 . This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
+
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007

www/_includes/head.html

@@ -37,12 +37,9 @@
 
     <!-- CSS -->
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/static/css/main.css">
+    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/static/css/fonts.css">
     <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/static/css/lib/syntax.css">
 
-    <!-- Fonts -->
-    <!-- For attribution information, see www/attributions.html -->
-    <link href='https://fonts.googleapis.com/css?family=Raleway:700,400,300,700italic,400italic,300italic' rel='stylesheet' type='text/css'>
-
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

www/attributions.html

@@ -36,18 +36,27 @@ <h2>
     </h2>
     <hr>
     <p>
-        Raleway-Light.ttf: Copyright &copy; 2010 - 2013, <a href="mailto:matt@pixelspread.com">Matt McInerney</a>, <a href="mailto:impallari@gmail.com">Pablo Impallari</a>, <a href="mailto:hello@rfuenzalida.com">Rodrigo Fuenzalida</a> with Reserved Font Name "Raleway"
-        <br/>
-        Raleway-LightItalic.ttf: Copyright &copy; 2010 - 2012, <a href="mailto:matt@pixelspread.com">Matt McInerney</a>, <a href="mailto:impallari@gmail.com">Pablo Impallari</a>, <a href="mailto:hello@rfuenzalida.com">Rodrigo Fuenzalida</a> with Reserved Font Name "Raleway"
-        <br/>
-        Raleway-Regular.ttf: Copyright &copy; 2010 - 2013, <a href="mailto:matt@pixelspread.com">Matt McInerney</a>, <a href="mailto:impallari@gmail.com">Pablo Impallari</a>, <a href="mailto:hello@rfuenzalida.com">Rodrigo Fuenzalida</a> with Reserved Font Name "Raleway"
-        <br/>
-        Raleway-Italic.ttf: Copyright &copy; 2010 - 2012, <a href="mailto:matt@pixelspread.com">Matt McInerney</a>, <a href="mailto:impallari@gmail.com">Pablo Impallari</a>, <a href="mailto:hello@rfuenzalida.com">Rodrigo Fuenzalida</a> with Reserved Font Name "Raleway"
-        <br/>
-        Raleway-Bold.ttf: Copyright &copy; 2010 - 2013, <a href="mailto:matt@pixelspread.com">Matt McInerney</a>, <a href="mailto:impallari@gmail.com">Pablo Impallari</a>, <a href="mailto:hello@rfuenzalida.com">Rodrigo Fuenzalida</a> with Reserved Font Name "Raleway"
-        <br/>
-        Raleway-BoldItalic.ttf: Copyright &copy; 2010 - 2012, <a href="mailto:matt@pixelspread.com">Matt McInerney</a>, <a href="mailto:impallari@gmail.com">Pablo Impallari</a>, <a href="mailto:hello@rfuenzalida.com">Rodrigo Fuenzalida</a> with Reserved Font Name "Raleway"
-        <br/>
+        Copyright 2010 The Raleway Project Authors (impallari@gmail.com), with Reserved Font Name "Raleway".
+        <ul>
+            <li>Raleway-Black.ttf</li>
+            <li>Raleway-BlackItalic.ttf</li>
+            <li>Raleway-Bold.ttf</li>
+            <li>Raleway-BoldItalic.ttf</li>
+            <li>Raleway-ExtraBold.ttf</li>
+            <li>Raleway-ExtraBoldItalic.ttf</li>
+            <li>Raleway-ExtraLight.ttf</li>
+            <li>Raleway-ExtraLightItalic.ttf</li>
+            <li>Raleway-Italic.ttf</li>
+            <li>Raleway-Light.ttf</li>
+            <li>Raleway-LightItalic.ttf</li>
+            <li>Raleway-Medium.ttf</li>
+            <li>Raleway-MediumItalic.ttf</li>
+            <li>Raleway-Regular.ttf</li>
+            <li>Raleway-SemiBold.ttf</li>
+            <li>Raleway-SemiBoldItalic.ttf</li>
+            <li>Raleway-Thin.ttf</li>
+            <li>Raleway-ThinItalic.ttf</li>
+        </ul>
     </p>
 </section>
 

www/static/css-src/fonts.scss

@@ -0,0 +1,148 @@
+/*
+    Licensed to the Apache Software Foundation (ASF) under one
+    or more contributor license agreements.  See the NOTICE file
+    distributed with this work for additional information
+    regarding copyright ownership.  The ASF licenses this file
+    to you under the Apache License, Version 2.0 (the
+    "License"); you may not use this file except in compliance
+    with the License.  You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing,
+    software distributed under the License is distributed on an
+    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, either express or implied.  See the License for the
+    specific language governing permissions and limitations
+    under the License.
+*/
+
+// Normal Style Font
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 100;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-Thin.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 200;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-ExtraLight.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 300;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-Light.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 400;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-Regular.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 500;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-Medium.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 600;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-SemiBold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 700;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-Bold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 800;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-ExtraBold.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 900;
+  font-style: normal;
+  src: url(/static/fonts/raleway/Raleway-Black.ttf) format('truetype');
+}
+
+// Italic Style Font
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 100;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-ThinItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 200;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-ExtraLightItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 300;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-LightItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 400;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-Italic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 500;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-MediumItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 600;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-SemiBoldItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 700;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-BoldItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 800;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-ExtraBoldItalic.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Raleway';
+  font-weight: 900;
+  font-style: italic;
+  src: url(/static/fonts/raleway/Raleway-BlackItalic.ttf) format('truetype');
+}