UbuntuでAA(アスキーアート)がずれるのはMS Pゴシックが置換されるからだった(かも?)


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


f:id:palm84:20181027223619p:plain

はい、まいどぅー!

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

なんの話?

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

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

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

  1. 最近の(かな?) Ubuntu では MS Pゴシック などMSフォントの置換設定がされている
  2. AA表示用の font-family で MS Pゴシック を一番先に指定すると置換されるのでAAがずれる
  3. 指定されたフォントがないと標準設定フォントで表示
  • Ubuntu 18.04 Live --- MS PゴシックNoto Sans CJK JP で表示(※ ないフォントは Serif

f:id:palm84:20181027223129p:plain

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

f:id:palm84:20181027223128p:plain

なので、

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

CSS指定で表示テスト

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

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

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

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

  • 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>MS Pゴシック</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>MS Pゴシック</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>MS Pゴシック</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>

閲覧時にフォント変更したい場合に使えるブックマークレットを下記ページに置いてありますん。

そんだけでした。


ほな、ばいなら!


週刊アスキー特別編集 2018秋の超お買物特大号 (アスキームック)

週刊アスキー特別編集 2018秋の超お買物特大号 (アスキームック)