feat: base monserrat regular et confortaa bold-thin

c02fa49f · Julie Thezenas · Christophe Chaudier · 9e98e53e · 9e98e53e · 9e98e53e
Commit c02fa49f authored 3 years ago by Julie Thezenas Committed by Christophe Chaudier 3 years ago
--- a/src/css/comfortaa-light-webfont.eot
+++ b/src/css/comfortaa-light-webfont.eot
--- a/src/css/comfortaa-light-webfont.svg
+++ b/src/css/comfortaa-light-webfont.svg
--- a/src/css/comfortaa-light-webfont.ttf
+++ b/src/css/comfortaa-light-webfont.ttf
--- a/src/css/comfortaa-light-webfont.woff
+++ b/src/css/comfortaa-light-webfont.woff
--- a/src/css/comfortaa-light-webfont.woff2
+++ b/src/css/comfortaa-light-webfont.woff2
--- a/src/css/comfortaa-light-demo.html
+++ b/src/css/comfortaa-light-demo.html
@@ -19,11 +19,11 @@

 	<style type="text/css">
 					body{
-				font-family: 'comfortaalight';
+				font-family: 'comfortaathin';
 							}
 		</style>

-	<title>Comfortaa Light Regular Specimen</title>
+	<title>Comfortaa Thin Specimen</title>
 	
 	
 	<script type="text/javascript" charset="utf-8">
@@ -36,7 +36,7 @@
 <body>
 <div id="container">
 	<div id="header">
-		Comfortaa Light Regular	</div>
+		Comfortaa Thin	</div>
 	<ul class="tabs">
 		<li><a href="#specimen">Specimen</a></li>
 		<li><a href="#layout">Sample Layout</a></li>
@@ -91,7 +91,7 @@
 										<div id="xheight">
 				<div class="fontbody">&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
 										<div class="fontbody" style="z-index:1">
-											body<span>Comfortaa Light Regular</span>
+											body<span>Comfortaa Thin</span>
 										</div>
 										<div class="arialbody" style="z-index:1">
 											body<span>Arial</span>
@@ -296,14 +296,14 @@
 				<div class="grid12 firstcol">
 			
 				<h1>Language Support</h1>
-				<p>The subset of Comfortaa Light Regular in this kit supports the following languages:<br />
+				<p>The subset of Comfortaa Thin in this kit supports the following languages:<br />
 			
 					Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Alsatian, Aragonese, Arapaho, Arrernte, Asturian, Aymara, Bislama, Cebuano, Corsican, Fijian, French_creole, Genoese, Gilbertese, Greenlandic, Haitian_creole, Hiligaynon, Hmong, Hopi, Ibanag, Iloko_ilokano, Indonesian, Interglossa_glosa, Interlingua, Irish_gaelic, Jerriais, Lojban, Lombard, Luxembourgeois, Manx, Mohawk, Norfolk_pitcairnese, Occitan, Oromo, Pangasinan, Papiamento, Piedmontese, Potawatomi, Rhaeto-romance, Romansh, Rotokas, Sami_lule, Samoan, Sardinian, Scots_gaelic, Seychelles_creole, Shona, Sicilian, Somali, Southern_ndebele, Swahili, Swati_swazi, Tagalog_filipino_pilipino, Tetum, Tok_pisin, Uyghur_latinized, Volapuk, Walloon, Warlpiri, Xhosa, Yapese, Zulu, Latinbasic, Ubasic, Demo				</p>
 				<h1>Glyph Chart</h1>
-				<p>The subset of Comfortaa Light Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
+				<p>The subset of Comfortaa Thin in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
 				<div id="glyph_chart">
 			
-																														 <div><p>&amp;#13;</p>&#13;</div>
+																				 <div><p>&amp;#13;</p>&#13;</div>
 																				 <div><p>&amp;#32;</p>&#32;</div>
 																				 <div><p>&amp;#33;</p>&#33;</div>
 																				 <div><p>&amp;#34;</p>&#34;</div>
@@ -531,10 +531,6 @@
 																				 <div><p>&amp;#8364;</p>&#8364;</div>
 																				 <div><p>&amp;#8482;</p>&#8482;</div>
 																				 <div><p>&amp;#9724;</p>&#9724;</div>
-																				 <div><p>&amp;#64257;</p>&#64257;</div>
-																				 <div><p>&amp;#64258;</p>&#64258;</div>
-																				 <div><p>&amp;#64259;</p>&#64259;</div>
-																				 <div><p>&amp;#64260;</p>&#64260;</div>
 																																						</div>	
 				</div>
 		

--- a/src/css/comfortaa_thin-webfont.eot
+++ b/src/css/comfortaa_thin-webfont.eot
--- a/src/css/comfortaa_thin-webfont.svg
+++ b/src/css/comfortaa_thin-webfont.svg
--- a/src/css/comfortaa_thin-webfont.ttf
+++ b/src/css/comfortaa_thin-webfont.ttf
--- a/src/css/comfortaa_thin-webfont.woff
+++ b/src/css/comfortaa_thin-webfont.woff
--- a/src/css/comfortaa_thin-webfont.woff2
+++ b/src/css/comfortaa_thin-webfont.woff2
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -9,35 +9,28 @@
 /* @import url('https://fonts.googleapis.com/css?family=Comfortaa:400,600,700'); */
 /* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700'); */

-/* @import url('https://fontlibrary.org//face/comfortaa'); */
-/* @import url('https://fontlibrary.org//face/montserrat');  */
-
-/**/
-
 @font-face {
-  font-family: 'comfortaalight';
-  src: url('comfortaa-light-webfont.eot');
-  src: url('comfortaa-light-webfont.eot') format('embedded-opentype'),
-       url('comfortaa-light-webfont.woff2') format('woff2'),
-       url('comfortaa-light-webfont.woff') format('woff'),
-       url('comfortaa-light-webfont.ttf') format('truetype'),
-       url('comfortaa-light-webfont.svg') format('svg');
+  font-family: 'comfortaathin';
+  src: url('comfortaa_thin-webfont.eot');
+  src: url('comfortaa_thin-webfont.eot') format('embedded-opentype'),
+       url('comfortaa_thin-webfont.woff2') format('woff2'),
+       url('comfortaa_thin-webfont.woff') format('woff'),
+       url('comfortaa_thin-webfont.ttf') format('truetype'),
+       url('comfortaa_thin-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
 }

-
 @font-face {
-  font-family: 'montserrat_aceregular';
-  src: url('montserrat-ace-regular-webfont.eot');
-  src: url('montserrat-ace-regular-webfont.eot') format('embedded-opentype'),
-       url('montserrat-ace-regular-webfont.woff2') format('woff2'),
-       url('montserrat-ace-regular-webfont.woff') format('woff'),
-       url('montserrat-ace-regular-webfont.ttf') format('truetype'),
-       url('montserrat-ace-regular-webfont.svg') format('svg');
+  font-family: 'montserratregular';
+  src: url('montserrat-regular-webfont.eot');
+  src: url('montserrat-regular-webfont.eot') format('embedded-opentype'),
+       url('montserrat-regular-webfont.woff2') format('woff2'),
+       url('montserrat-regular-webfont.woff') format('woff'),
+       url('montserrat-regular-webfont.ttf') format('truetype'),
+       url('montserrat-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
-
 }

 /* You can override the default Infima variables here. */
@@ -53,8 +46,8 @@
  --ifm-link-color: #E07931;
  --ifm-button-color: var(--ifm-color-primary);
  --ifm-code-font-size: 95%; 
-  --ifm-font-family-base: "comfortaalight", cursive;
-  --ifm-font-family: "montserrat_aceregular", sans-serif; 
+  --ifm-font-family-base: "comfortaathin", cursive;
+  --ifm-font-family: "montserratregular", sans-serif; 
  --ifm-container-width: 100%; 
  --ifm-container-max-width: 950px;
  --ifm-navbar-shadow: none;
@@ -84,6 +77,9 @@ hgroup {
  font-weight: 700;
  font-size: larger;
 }
+.hero__title {
+  font-size: 3.6rem;
+}

 p {
  font-family: var(--ifm-font-family);
@@ -91,10 +87,6 @@ p {
  font-size: large;
 }

-.hero__subtitle {
-  font-size: 1.6rem;
-}
-
 .button {
  margin: 10px;
 }

--- a/src/css/montserrat-ace-regular-webfont.woff
+++ b/src/css/montserrat-ace-regular-webfont.woff
--- a/src/css/montserrat-ace-regular-webfont.woff2
+++ b/src/css/montserrat-ace-regular-webfont.woff2
--- a/src/css/montserrat-ace-regular-demo.html
+++ b/src/css/montserrat-ace-regular-demo.html
@@ -19,11 +19,11 @@

 	<style type="text/css">
 					body{
-				font-family: 'montserrat_aceregular';
+				font-family: 'montserratregular';
 							}
 		</style>

-	<title>Montserrat Ace Regular Specimen</title>
+	<title>Montserrat Regular Specimen</title>
 	
 	
 	<script type="text/javascript" charset="utf-8">
@@ -36,7 +36,7 @@
 <body>
 <div id="container">
 	<div id="header">
-		Montserrat Ace Regular	</div>
+		Montserrat Regular	</div>
 	<ul class="tabs">
 		<li><a href="#specimen">Specimen</a></li>
 		<li><a href="#layout">Sample Layout</a></li>
@@ -91,7 +91,7 @@
 										<div id="xheight">
 				<div class="fontbody">&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
 										<div class="fontbody" style="z-index:1">
-											body<span>Montserrat Ace Regular</span>
+											body<span>Montserrat Regular</span>
 										</div>
 										<div class="arialbody" style="z-index:1">
 											body<span>Arial</span>
@@ -296,11 +296,11 @@
 				<div class="grid12 firstcol">
 			
 				<h1>Language Support</h1>
-				<p>The subset of Montserrat Ace Regular in this kit supports the following languages:<br />
+				<p>The subset of Montserrat Regular in this kit supports the following languages:<br />
 			
 					Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Alsatian, Aragonese, Arapaho, Arrernte, Asturian, Aymara, Bislama, Cebuano, Corsican, Fijian, French_creole, Genoese, Gilbertese, Greenlandic, Haitian_creole, Hiligaynon, Hmong, Hopi, Ibanag, Iloko_ilokano, Indonesian, Interglossa_glosa, Interlingua, Irish_gaelic, Jerriais, Lojban, Lombard, Luxembourgeois, Manx, Mohawk, Norfolk_pitcairnese, Occitan, Oromo, Pangasinan, Papiamento, Piedmontese, Potawatomi, Rhaeto-romance, Romansh, Rotokas, Sami_lule, Samoan, Sardinian, Scots_gaelic, Seychelles_creole, Shona, Sicilian, Somali, Southern_ndebele, Swahili, Swati_swazi, Tagalog_filipino_pilipino, Tetum, Tok_pisin, Uyghur_latinized, Volapuk, Walloon, Warlpiri, Xhosa, Yapese, Zulu, Latinbasic, Ubasic, Demo				</p>
 				<h1>Glyph Chart</h1>
-				<p>The subset of Montserrat Ace Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
+				<p>The subset of Montserrat Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
 				<div id="glyph_chart">
 			
 																														 <div><p>&amp;#13;</p>&#13;</div>
@@ -533,7 +533,7 @@
 																				 <div><p>&amp;#9724;</p>&#9724;</div>
 																				 <div><p>&amp;#64257;</p>&#64257;</div>
 																				 <div><p>&amp;#64258;</p>&#64258;</div>
-																																						</div>	
+																																																</div>	
 				</div>
 		
 		

--- a/src/css/montserrat-ace-regular-webfont.ttf
+++ b/src/css/montserrat-ace-regular-webfont.ttf
--- a/src/css/montserrat-ace-regular-webfont.svg
+++ b/src/css/montserrat-ace-regular-webfont.svg
--- a/src/css/montserrat-ace-regular-webfont.eot
+++ b/src/css/montserrat-ace-regular-webfont.eot
--- a/src/css/montserrat-regular-webfont.woff
+++ b/src/css/montserrat-regular-webfont.woff
--- a/src/css/montserrat-regular-webfont.woff2
+++ b/src/css/montserrat-regular-webfont.woff2