UbuntuでAA（アスキーアート）がずれるのはＭＳＰゴシックが置換されるからだった（かも？）

【今日の和歌】あだ味方勝つも負くるも哀れなり..

f:id:palm84:20181027223619p:plain

はい、まいどぅー！

素の Ubuntu 環境がないので おま環だったらごめんチャイ ！

なんの話？

UbuntuのFirefoxのfont-familyの動作が謎過ぎる | marmooo's blog

上記記事を読んで初めて気づきました (;'∀') 。ありがとサンガリア！

Ubuntu 上の Firefox でのお話ですYO！他のブラウザでは違ったりするようです。

拙作めも :
- 【AA】アスキーアート表示対応フォントの表示テスト

とりあえず状況説明をば。

最近の（かな？） Ubuntu では ＭＳＰゴシック などMSフォントの置換設定がされている
AA表示用の font-family で ＭＳＰゴシック を一番先に指定すると置換されるのでAAがずれる
指定されたフォントがないと標準設定フォントで表示

Ubuntu 18.04 Live --- ＭＳＰゴシック が Noto Sans CJK JP で表示（※ ないフォントは Serif）

f:id:palm84:20181027223129p:plain

Ubuntu 16.04 Live --- 設定の1番目は IPAMonaPGothic だが入ってないので2番目で無指定と同じの TakaoPGothic が表示

f:id:palm84:20181027223128p:plain

なので、

この現象を回避したい場合はフォント設定を変更する
サイト制作者側は ＭＳＰゴシック を後に指定するべき？(wikipediaでもそうなってるし...)

参考リンク :
- アスキーアート - Wikipedia

CSS指定で表示テスト

お使いの Ubuntu 環境で見てくだされ。ないものは Serif で表示。

font-family	\	O	iI	l	Q	Windows	プブ	あいうえお
無指定	\	O	iI	l	Q	Windows	プブ	あいうえお
Sans-Serif	\	O	iI	l	Q	Windows	プブ	あいうえお
ＭＳＰゴシック	\	O	iI	l	Q	Windows	プブ	あいうえお
メイリオ	\	O	iI	l	Q	Windows	プブ	あいうえお
Meiryo UI	\	O	iI	l	Q	Windows	プブ	あいうえお
ＭＳゴシック	\	O	iI	l	Q	Windows	プブ	あいうえお
Noto Sans CJK JP	\	O	iI	l	Q	Windows	プブ	あいうえお
Takao Pゴシック	\	O	iI	l	Q	Windows	プブ	あいうえお
IPA モナー Pゴシック	\	O	iI	l	Q	Windows	プブ	あいうえお
Monapo	\	O	iI	l	Q	Windows	プブ	あいうえお
梅Pゴシック	\	O	iI	l	Q	Windows	プブ	あいうえお

フォントの置換設定ファイル

/etc/fonts/conf.avail/30-cjk-aliases.conf から ＭＳＰゴシック の部分だけ抜粋。

Ubuntu 18.04 Live

    <alias>
        <family>MS PGothic</family>
        <accept>
            <family>Noto Sans CJK JP</family>
            <family>IPAMonaPGothic</family>
            <family>TakaoPGothic</family>
            <family>IPAPGothic</family>
            <family>VL PGothic</family>
            <family>Sazanami Gothic</family>
            <family>Kochi Gothic</family>
        </accept>
    </alias>
    <alias>
        <family>ＭＳ Ｐゴシック</family>
        <accept>
            <family>Noto Sans CJK JP</family>
            <family>IPAMonaPGothic</family>
            <family>TakaoPGothic</family>
            <family>IPAPGothic</family>
            <family>VL PGothic</family>
            <family>Sazanami Gothic</family>
            <family>Kochi Gothic</family>
        </accept>
    </alias>

Ubuntu 16.04 Live

    <alias>
        <family>MS PGothic</family>
        <accept>
            <family>IPAMonaPGothic</family>
            <family>TakaoPGothic</family>
            <family>IPAPGothic</family>
            <family>VL PGothic</family>
            <family>Sazanami Gothic</family>
            <family>Kochi Gothic</family>
        </accept>
    </alias>
    <alias>
        <family>ＭＳ Ｐゴシック</family>
        <accept>
            <family>IPAMonaPGothic</family>
            <family>TakaoPGothic</family>
            <family>IPAPGothic</family>
            <family>VL PGothic</family>
            <family>Sazanami Gothic</family>
            <family>Kochi Gothic</family>
        </accept>
    </alias>

置換設定を編集

参考リンク :

対処法は人それぞれでいいと思いますけど、私は上記記事を参考にホームディレクトリに .fonts.conf ファイルを作成しましたんです。

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<!-- Aliases for Japanese Windows fonts -->
    <alias>
        <family>MS PGothic</family>
        <accept>
            <family>Monapo</family>
            <family>IPAMonaPGothic</family>
            <family>TakaoPGothic</family>
            <family>IPAPGothic</family>
            <family>VL PGothic</family>
            <family>Sazanami Gothic</family>
            <family>Kochi Gothic</family>
        </accept>
    </alias>
    <alias>
        <family>ＭＳ Ｐゴシック</family>
        <accept>
            <family>Monapo</family>
            <family>IPAMonaPGothic</family>
            <family>TakaoPGothic</family>
            <family>IPAPGothic</family>
            <family>VL PGothic</family>
            <family>Sazanami Gothic</family>
            <family>Kochi Gothic</family>
        </accept>
    </alias>
</fontconfig>