Works

Local Font Emulator

GitHubnewt239/local-font-emulator
製作時期2023.04 - 2023.05
使用技術React, Mantine
Local Font Emulatorのサムネイル画像

ローカルフォントの一覧を取得し、それらをブラウザ上で表示することができるWebアプリです。

※ ブラウザの Local Font Access API を利用しているため、デスクトップ版の Google Chrome でのみ利用できます。

リンク

機能について

和文フォントフィルターを搭載しています。

ウェブブラウザにはフォントのフォールバック機能が搭載されているため、フォントに該当の文字が存在しない場合代替のフォントが表示されています。Local Font Emulator では CSS のfont-familyプロパティで、2 つ目のフォントにTofuを設定することで、文字が存在しなかった場合に豆腐文字が表示されるようにしています。