Overused Grotesk下載 -過度Overused Grotesk源代碼下載

Overused Grotesk

字體下載

v0.5-alpha.1

下載

過度使用的格羅特斯克

從過度利用的“瑞士”類型設計的愚蠢嘲諷到半陰謀的主力，過度使用的grotesk通過模仿無處不在的Helvetica的最顯著特徵，將自己變成了模仿。但是，字體並不僅僅是純粹是模仿貓。它希望成為多種語言，雖然是古怪且不遺忘的。

該字體最初是為遺忘的fontforge用戶的“展覽”形式。不幸的是，由於發展的迅速發展以及工作流不良和管理不善，該項目對於絕對的初學者而言很快變得難以理解。太糟糕了

字體是免費和開源的，任何貢獻都將不勝感激。如果您打算向某人展示此字體或將其提交給字體集合，請記住鏈接此存儲庫。這不是強制性的，但可以節省很多頭痛（相信我）。

過度使用的格羅特斯克

樣式

樣式名稱	wght	wdth	-	樣式名稱	wght	wdth	SLNT
光	300	100	-	輕質的斜體	300	100	-10
書	350	100	-	書意大利	350	100	-10
羅馬	400	100	-	斜體	400	100	-10
中等的	500	100	-	中斜體	500	100	-10
半磅	600	100	-	半意大利	600	100	-10
大膽的	700	100	-	大膽的斜體	700	100	-10
外部	800	100	-	額外的斜體	800	100	-10
黑色的	900	100	-	黑色斜體	900	100	-10

著名的功能和補充

包括越南語和西里爾字母（帶本地化形式）
12個風格集 + 5個字符變體
子和上標，分母和分子，零斜率，表格圖，數學符號，分數
。
IPA字母（半功能調節和語調字母，仍然非常基本）
貨幣符號：$¢£€¥֏฿₠₡₢₣₤₥₦₧₨₩₪₫€₭₮₯₰₱₲₳₴₵₶₷₸€₭₮₯₰₱₲₳₴₵₶₷₸
箭頭（太多的方式，84，確切地說是）
類似腳本的酌處結紮（FI，FF，FL，FFI，FFL）

計劃

v1.0之後 - v2.0之前

更多寬度（5個靜態寬度：壓縮 - 凝結 - 正常 - 擴展 - 寬）
希臘語
小帽子
構建更多重音字母（拉丁文特定）

⏳正在進行

微調
完成斜體

Web的可變字體

源和發行文件夾都包含一個.Woff2變量字體，您可以在網站中包含該字體，並通過按照以下方式包括一些內容，參考使用CSS。

base.css

 : root {
    --font-sans : "Overused Grotesk" , -apple-system , BlinkMacSystemFont , "Segoe UI" , "Roboto" , "Oxygen" , "Ubuntu" , "Cantarell" , "Fira Sans" , "Droid Sans" , "Helvetica Neue" , sans-serif;
    --font-serif : Georgia , Times , serif;
    --font-mono : Menlo , Courier , monospace;
}

@font-face {
  font-family : "Overused Grotesk" ;
  src :
    url ( "../fonts/OverusedGrotesk-VF.woff2" ) format ( "woff2 supports variations" ) ,
    url ( "../fonts/OverusedGrotesk-VF.woff2" ) format ( "woff2-variations" );
  font-weight : 300 900 ;
}

為了減少累積佈局偏移，您可以預緊字體並使用字體觀察者快速顯示字體。

base.html

 <!DOCTYPE html >
< html lang =" en " >
  < head >
    < title > Static HTML is King ? </ title >
    < meta charset =" UTF-8 " >
    < meta name =" viewport " content =" width=device-width " >
    < link rel =" stylesheet " href =" /css/base.css " >
    < link rel =" preload " href =" /fonts/OverusedGrotesk-VF.woff2 " as =" font " type =" font/woff2 " crossorigin >
  </ head >
  < body >

    < main >
      < h1 > Static HTML is King ? </ h1 >
    </ main >
 
    <!--
    https://fontfaceobserver.com/
    To load a font, call the load method on a FontFaceObserver instance.
    It’ll return a promise that resolves when the font loads, or rejected when the font fails to load.
    -->
   < script src =" /js/fontfaceobserver.js " > </ script >
   < script >
   var font = new FontFaceObserver ( 'Overused Grotesk' ) ;

   font . load ( ) . then ( function ( ) {
     console . log ( 'Overused Grotesk has loaded.' ) ;
   } ) . catch ( function ( ) {
     console . log ( 'Overused Grotesk failed to load.' ) ;
   } ) ;
   </ script >

  </ body >
</ html >