Overused GroteskダウンロードOverused Groteskソースコードのダウンロード

Overused Grotesk

フォントのダウンロード

v0.5-alpha.1

ダウンロード

使い古されたグロテスク

過剰な「スイス」タイプのデザインの愚かなock笑から半精力的な主力馬まで、普遍的なヘルベティカの最も際立った特徴を模倣することにより、過剰に使用されたグロテスクが模倣に変わります。ただし、書体は純粋に模倣であることで停止しません。風変わりで無意味なものですが、多目的で多言語になりたいと思っています。

この書体はもともと、忘れられない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
extrablold	800	100	-	斜体斜体	800	100	-10
黒	900	100	-	黒のイタリック	900	100	-10

注目すべき機能と追加

ベトナムの文字とキリル文字が含まれています（ローカライズされたフォーム付き）
12文体セット + 5文字のバリアント
サブ＆SuperScript、分母および分子、ゼロ、表形式、数学表記法、分数
.ttf、.otf、.woff、.woff2、およびvariable .ttf fonts
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 >