Unicodeには麻雀牌の絵文字も含まれているのは知る人ぞ知る話なのですが、それを使って画面表示しようとするとフォントの違いでハマります。例えば、MacOSで素直に表示するとなぜか中だけ違う雰囲気に。
MacOS Safari, “font-family: sans-serif;”
どうやら
Windowsだと懐かしのファミコンっぽいフォントになります。これはこれで味はあるけど、ちょっとおもちゃっぽい。
Windows10 Chrome, “font-family: sans-serif;”
これでは闘牌シーンをブログで書けないので、フォントを指定して頑張ってみました。以下そのテスト表示。
- 各種フォントを指定してみました
- font-family: sans-serif;
- font-family:’Apple Symbols’;
- font-family:’Segoe UI Symbol’;
- font-family:’Segoe UI Emoji’;
- font-family: ‘Noto Sans JP’, sans-serif;
- font-family: ‘Yu Gothic Medium’,’游ゴシック Medium’,’YuGothic’,’游ゴシック体’, sans-serif;
- font-family: ‘BIZ UDゴシック’,’BIZ UDGothic’, sans-serif;
- font-family: Roboto, sans-serif;
- font-family: ‘Noto Sans CJK JP’, sans-serif;
- 麻雀画像作成ツール
各種フォントを指定してみました
機種によってフォントが違うので見え方も違うと思います。そもそも麻雀牌が収録されていないフォントもあります。古いスマホで問題になりそう。
font-family: sans-serif;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family:’Apple Symbols’;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family:’Segoe UI Symbol’;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family:’Segoe UI Emoji’;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family: ‘Noto Sans JP’, sans-serif;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
以下、追加（2022/10/12）
font-family: ‘Yu Gothic Medium’,’游ゴシック Medium’,’YuGothic’,’游ゴシック体’, sans-serif;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family: ‘BIZ UDゴシック’,’BIZ UDGothic’, sans-serif;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family: Roboto, sans-serif;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
font-family: ‘Noto Sans CJK JP’, sans-serif;
🀇🀏🀐🀘🀙🀡🀀🀁🀂🀃🀄🀅🀆 🀄
Android や iPhoneでも試してみましたが、共通して使えそうな綺麗なフォントは無さそうです。わざわざこのためにWebフォントを使うのも面倒なので、どうしたものかお悩み中。
麻雀画像作成ツール
結局、画像を使って表示するのが現在のところは無難な表示方法のようです。いくつかツールが存在します。画像表示だと手軽さに欠けるんだよな。
コメント
「南」が無いですねー
猫山王さんありがとうございます。抜けてました。
とりあえず文字の方は追加しておきました。