FF14雑記：ゲレフォントをHTML上で利用できるCSSの公開(FF14で使われている文字+ニーアの天使文字など)

Gelehrte Crest

これは私のガイアDCのキャラ名のGelehrte Crestを、私の作成したフォントでエオルゼア文字化したものです。CSSが使える環境であればどこでも使えるようなCSSを公開します。ただ自分の環境でしか試していないので、もし使えなかった場合はご連絡いただければと思います。

こちらをHTML上に書き込んでください。

<link href="https://www.gelehrte.com/public/css/gelefont.css" rel="stylesheet">

また、HTML以外でのCSSの読み込みについては、ご自身で調べていただければ幸いです。（そしてそっと教えていただけると、この記事に反映したいと思います)

一応作りました。こちらを読み込むほうが読み込み速度速いとは思います。大きな差は無いとは思いますが。

<link href="https://www.gelehrte.com/public/css/gelefont.min.css" rel="stylesheet">

<p class="eorzea">Gelehrte Crest</p>

このようにclassに書き込んでいただければ、文字が対応したフォントに変わるはずです。classに書き込める文字の種類は以下のとおりです(執筆時 2022/02/05)

エオルゼア文字の作り直して使いやすくしたバージョンも使えるようにしました。

Gelehrte Crest

<p class="eorzea-smart">Gelehrte Crest</p>

本記事を見た人のなかには、FF14プレイヤーではなくニーア関連の方もいらっしゃるかもですね。こんな感じで書けます。

NieR Automata

実際のWebフォントのURLとかは以下のようになります。
https://gelehrtecrest.github.io/eorzea-font/fonts/Eorzea-Regular.woff

詳しくはCSSのファイル( https://www.gelehrte.com/public/css/gelefont.css )内に直にURL書いてありますので、それを参考にしてください。

私のTwitterへレスを頂ければ、可能な限り対応します。DMも開放していますので、お気軽にどうぞ。
twitter.com

特にクロスドメイン関係のエラーが出る可能性があり、そのテストが不十分な可能性があるので、ツッコミを多数お待ちしています！

そのとおりです
現在作成中ということもあり、作成された状態をそのままHTML側で読み込むので、常に最新版が読み込まれます。現在どのような文字が実装済みかは随時こちらのページで反映されるようになっています。

その場合は自分でCSSを改変してください。利用規約にも書きますが、改変は自由に行っていただいて構いません。

うん　いいよ

ま、お決まりのやつです。

実はエオルゼア文字筆記体がずっと未完成のまま引きずっているというのが心残りでした。どこが未完成かというと、「なんか個人的にまだキレイじゃないなーって」思っている私の感想からです。ただそれだけです。

#エオルゼア文字筆記体フォント、どうしたらいいと思います？
ちょっとゆるいアンケートです。#FF14 #ゲレの工房 #ゲレフォント
— ゲレの工房 (@gelehrte_crest) 2022年2月5日

妻に相談して、カリグラフィーの勉強を始めようとしているところです。もしかするといずれもっとキレイにかけるかもしれません。

相変わらずのお願いですが、文字を探し中です！6.0x内では、これ以上は見つかりそうにありません。6.1以降に期待ですかね。でも

私が見つけきれていないだけで、すでに見つけている人もいるかも知れません！見つけたら教えて下さい！

というところで、本記事を締めます。使い方とかわからない場合はほんとに気軽に質問してくださいね。それでは。