feat: right Comfortaa font

f5f0cfdb · Julie Thezenas · f6345d50 · f5f0cfdb · f5f0cfdb · f5f0cfdb
Commit f5f0cfdb authored 3 years ago by Julie Thezenas
--- a/src/css/comfortaa_thin-demo.html
+++ b/src/css/comfortaa_thin-demo.html
@@ -19,11 +19,11 @@

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

-	<title>Comfortaa Thin Specimen</title>
+	<title>Comfortaa Light Regular Specimen</title>
 	
 	
 	<script type="text/javascript" charset="utf-8">
@@ -36,7 +36,7 @@
 <body>
 <div id="container">
 	<div id="header">
-		Comfortaa Thin	</div>
+		Comfortaa Light 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>Comfortaa Thin</span>
+											body<span>Comfortaa Light Regular</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 Thin in this kit supports the following languages:<br />
+				<p>The subset of Comfortaa Light 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 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>
+				<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>
 				<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,6 +531,10 @@
 																				 <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-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_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,16 +9,30 @@
 /* @import url('https://fonts.googleapis.com/css?family=Comfortaa:400,600,700'); */
 /* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700'); */

+/* @font-face {
+    font-family: 'comfortaaregular';
+    src: url('comfortaa-regular-webfont.eot');
+    src: url('comfortaa-regular-webfont.eot') format('embedded-opentype'),
+         url('comfortaa-regular-webfont.woff2') format('woff2'),
+         url('comfortaa-regular-webfont.woff') format('woff'),
+         url('comfortaa-regular-webfont.ttf') format('truetype'),
+         url('comfortaa-regular-webfont.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+} */
+
 @font-face {
-  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-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-weight: normal;
  font-style: normal;
+
 }

 @font-face {
@@ -46,7 +60,7 @@
  --ifm-link-color: #E07931;
  --ifm-button-color: var(--ifm-color-primary);
  --ifm-code-font-size: 95%; 
-  --ifm-font-family-base: "comfortaathin", cursive;
+  --ifm-font-family-base: "comfortaalight", cursive;
  --ifm-font-family: "montserratregular", sans-serif; 
  --ifm-container-width: 100%; 
  --ifm-container-max-width: 950px;
@@ -77,9 +91,10 @@ hgroup {
  font-weight: 700;
  font-size: larger;
 }
-.hero__title {
+
+/* .hero__title {
  font-size: 3.4rem;
-}
+} */

 p {
  font-family: var(--ifm-font-family);