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 >