typeface minecraft

書体-minecraft

Minecraftの書体と色のCSSおよびWebフォントファイル

インストール

npm install --save @south-paw/typeface-minecraft

または

yarn add @south-paw/typeface-minecraft

使用

このプロジェクトは、CSSとファイルを処理するためにWebpackを使用していることを前提としています。

パッケージには、必要なフォントファイル（WOFF2、WOFF）と、これらのファイルを指すフォントフェイス宣言を備えたCSSファイルが含まれています。

CSSとフォントファイルをロードするには、WebPackセットアップが必要です。

Webpackで構築された多くのツールは、GatsbyやCreate Reactアプリなど、このパッケージを使用して箱から出しています。

使用するには、プロジェクトのエントリファイルにパッケージを必要とするだけです。

 // Load Minecraft typeface
require ( "@south-paw/typeface-minecraft" ) ;

そして、CSSを介してフォントファミリーを適用します。

 body {
  font-family : "Minecraft" ;
}

パッケージは、Minecraftの色を一致させるためのいくつかのグローバルCSSクラスも追加します。

. minecraft-black
. minecraft-dark-blue
. minecraft-dark-green
. minecraft-dark-aqua
. minecraft-dark-red
. minecraft-dark-purple
. minecraft-gold
. minecraft-gray
. minecraft-dark-gray
. minecraft-blue
. minecraft-green
. minecraft-aqua
. minecraft-red
. minecraft-light-purple
. minecraft-yellow
. minecraft-white

これらのいずれかを要素に適用できます。

 < div class =" minecraft-blue " > Minecraft </ div > 

ソース

色はMinecraft Wikiからのものです。

パッケージは、書体プロジェクトに触発されています。