Merge branch 'feature/ISTWCMS-5597-ebremner-fonts' into '1.0.x'

Feature/istwcms 5597 ebremner fonts

See merge request !3

build_ohana.sh

@@ -59,6 +59,12 @@ if [[ $build_option == 1 || $build_option == 3 ]]; then
   echo "Done setting up theming."
 fi
 
+echo "**************************************************************************************"
+echo "Copying fonts ..."
+cp "$DRUPAL_PATH"/web/fonts/* dist/fonts
+echo "**************************************************************************************"
+echo "Done copying fonts."
+
 echo "**************************************************************************************"
 echo "Running npm install ..."
 if [[ $os_option == 1 ]]; then

src/patterns/01-core/font-face/_index.scss

-// @file
-// Styles for Font face.
+@font-face {
+  font-family: 'BureauGrotCond Book';
+  font-style: normal;
+  font-weight: normal;
+  src: url('/fonts/Bureau_Grot-Condensed_Book.eot'), url('/fonts/Bureau_Grot-Condensed_Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Condensed_Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Condensed_Book.woff') format('woff'), url('/fonts/Bureau_Grot-Condensed_Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Condensed_Book.svg#Bureau_Grot-Condensed_Book') format('svg');
+}
+
+@font-face {
+  font-family: 'BureauGrotWide';
+  font-style: normal;
+  font-weight: 300;
+  src: url('/fonts/Bureau_Grot-Wide_Light.eot'), url('/fonts/Bureau_Grot-Wide_Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Wide_Light.woff2') format('woff2'), url('/fonts/Bureau_Grot-Wide_Light.woff') format('woff'), url('/fonts/Bureau_Grot-Wide_Light.ttf') format('truetype'), url('/fonts/Bureau_Grot-Wide_Light.svg#Bureau_Grot-Wide_Light') format('svg');
+}
+
+@font-face {
+  font-family: 'BureauGrot Book';
+  font-style: normal;
+  font-weight: normal;
+  src: url('/fonts/Bureau_Grot-Book.eot'), url('/fonts/Bureau_Grot-Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Book.woff') format('woff'), url('/fonts/Bureau_Grot-Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Book.svg#Bureau_Grot-Book') format('svg');
+}
+
+@font-face {
+  font-family: 'BureauGrotCond';
+  font-style: normal;
+  font-weight: bold;
+  src: url('/fonts/Bureau_Grot-Condensed_Bold.eot'), url('/fonts/Bureau_Grot-Condensed_Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Condensed_Bold.woff2') format('woff2'), url('/fonts/Bureau_Grot-Condensed_Bold.woff') format('woff'), url('/fonts/Bureau_Grot-Condensed_Bold.ttf') format('truetype'), url('/fonts/Bureau_Grot-Condensed_Bold.svg#Bureau_Grot-Condensed_Bold') format('svg');
+}
+
+@font-face {
+  font-family: 'BureauGrot';
+  font-style: normal;
+  font-weight: 300;
+  src: url('/fonts/Bureau_Grot-Light.eot'), url('/fonts/Bureau_Grot-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Light.woff2') format('woff2'), url('/fonts/Bureau_Grot-Light.woff') format('woff'), url('/fonts/Bureau_Grot-Light.ttf') format('truetype'), url('/fonts/Bureau_Grot-Light.svg#Bureau_Grot-Light') format('svg');
+}
+
+@font-face {
+  font-family: 'BureauGrotWide Book';
+  font-style: normal;
+  font-weight: normal;
+  src: url('/fonts/Bureau_Grot-Wide_Book.eot'), url('/fonts/Bureau_Grot-Wide_Book.eot?#iefix') format('embedded-opentype'), url('/fonts/Bureau_Grot-Wide_Book.woff2') format('woff2'), url('/fonts/Bureau_Grot-Wide_Book.woff') format('woff'), url('/fonts/Bureau_Grot-Wide_Book.ttf') format('truetype'), url('/fonts/Bureau_Grot-Wide_Book.svg#Bureau_Grot-Wide_Book') format('svg');
+}
+
+@font-face {
+  font-family: 'iconic';
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/iconic.eot");
+  src: url("/fonts/iconic.eot?#iefix") format("embedded-opentype"), url("../fonts/iconic.svg#iconic") format("svg"), url("/fonts/iconic.woff") format("woff"), url("/fonts/iconic.ttf") format("truetype");
+}
+
+/* Complete 1451 */
+
+@font-face {
+  font-family: "Typ1451-Regularalternate";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-regularalternate.eot"), url("/fonts/lineto-typ1451-regularalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regularalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-regularalternate.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Typ1451-Mediumalternate";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-mediumalternate.eot"), url("/fonts/lineto-typ1451-mediumalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-mediumalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-mediumalternate.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Typ1451-Regular";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-regular.eot"), url("/fonts/lineto-typ1451-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-regular.woff2") format("woff2"), url("/fonts/lineto-typ1451-regular.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Typ1451-Boldalternate";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-boldalternate.eot"), url("/fonts/lineto-typ1451-boldalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-boldalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-boldalternate.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Typ1451-Medium";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-medium.eot"), url("/fonts/lineto-typ1451-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-medium.woff2") format("woff2"), url("/fonts/lineto-typ1451-medium.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Typ1451-Bold";
+  font-style: normal;
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-bold.eot"), url("/fonts/lineto-typ1451-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-bold.woff2") format("woff2"), url("/fonts/lineto-typ1451-bold.woff") format("woff");
+}
 
-// Droid Serif Regular.
 @font-face {
-  font-family: 'droid';
+  font-family: "Typ1451-Light";
   font-style: normal;
-  font-weight: 400;
-  font-display: fallback;
-  src: url('../fonts/DroidSerif-Regular-webfont.woff') format('woff');
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-light.eot"), url("/fonts/lineto-typ1451-light.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-light.woff2") format("woff2"), url("/fonts/lineto-typ1451-light.woff") format("woff");
 }
 
-// Droid Serif Bold.
 @font-face {
-  font-family: 'droid';
+  font-family: "Typ1451-Lightalternate";
   font-style: normal;
-  font-weight: 700;
-  font-display: fallback;
-  src: url('../fonts/DroidSerif-Bold-webfont.woff') format('woff');
+  font-weight: normal;
+  src: url("/fonts/lineto-typ1451-lightalternate.eot"), url("/fonts/lineto-typ1451-lightalternate.eot?#iefix") format("embedded-opentype"), url("/fonts/lineto-typ1451-lightalternate.woff2") format("woff2"), url("/fonts/lineto-typ1451-lightalternate.woff") format("woff");
 }

src/patterns/01-core/font-face/fonts.twig

+{% for font in fonts %}
+  <h3>{{ font }}</h3>
+  <div style="font-family: '{{ font }}'">
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu augue ut lectus arcu bibendum at varius vel pharetra. Gravida dictum fusce ut placerat. Tincidunt dui ut ornare lectus sit. Justo nec ultrices dui sapien. Nunc aliquet bibendum enim facilisis gravida neque convallis a cras. Mattis nunc sed blandit libero volutpat. Ut sem nulla pharetra diam sit amet nisl suscipit adipiscing. In mollis nunc sed id semper risus in hendrerit. Id nibh tortor id aliquet lectus proin. Ultricies leo integer malesuada nunc. Amet nisl suscipit adipiscing bibendum est ultricies.
+  </div>
+{% endfor %}

src/patterns/01-core/font-face/fonts.yml

+fonts:
+  - 'BureauGrotCond Book'
+  - 'BureauGrotWide'
+  - 'BureauGrot Book'
+  - 'BureauGrotCond'
+  - 'BureauGrot'
+  - 'BureauGrotWide Book'
+  - 'Typ1451-Regularalternate'
+  - 'Typ1451-Mediumalternate'
+  - 'Typ1451-Regular'
+  - 'Typ1451-Boldalternate'
+  - 'Typ1451-Medium'
+  - 'Typ1451-Bold'
+  - 'Typ1451-Light'
+  - 'Typ1451-Lightalternate'