keyruneダウンロード - keyruneソースコードのダウンロード

keyrune

フォントのダウンロード

v3.16.1 Aetherdrift Commander

ダウンロード

Keyrune v3.16.1

マジック：ギャザリングセットシンボルフォント！

ヘッズアップ：ドキュメントページはkeyrune.andrewgioia.comに移動されました！

Keyruneは、完全な魔法の最初のスイートです。収集拡張と絵文字フォントとしてシンボルを設定します。このフォントは、MTGアプリやWebサイト、ドキュメント、カード画像などに、セットシンボルを表示する場所に使用できます。

使用法

各セットシンボルには、独自のフォント文字があります。 <i class="ss ss-exp"></i>要素を使用して、Font Awesomeに似た方法で表示します。クラス名コードは、MTG JSONの拡張コードに基づいています。

ソース、NPM、またはBowerを介してkeyruneを使用するには、フォントファイルを/fontsディレクトリに移動し、keyrune.css styleSheetを<head>に含めます。

 < link href =" css/keyrune.css " rel =" stylesheet " type =" text/css " />

新しい：驚くべきJSDelivrプロジェクトのおかげで、CDN経由でKeyruneを含めることができます！最新バージョンを含めるには、参照：

 < link href =" //cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css " rel =" stylesheet " type =" text/css " />

注： V3.1.1（2017年6月）の時点で、JSDelivrのURL形式は上記に変更されました。彼らはまだそれ以前にすべての後方互換性を維持していますが、今後上記のURLを使用してください。 @font-faceを介してFont-familyを明示的に含める必要はなくなりましたが、まだここに必要な場合は、CSSルールセットです。

 @font-face {
  font-family : 'Keyrune' ;
  src : url ( '//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot' );
  src : url ( '//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot?#iefix' ) format ( 'embedded-opentype' ) ,
    url ( '//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff2' ) format ( 'woff2' ) ,
    url ( '//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff' ) format ( 'woff' ) ,
    url ( '//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.ttf' ) format ( 'truetype' ) ,
    url ( '//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.svg' ) format ( 'svg' );
  font-weight : normal;
  font-style : normal;
}