docker コンテナ + capybara-webkit のスクショで Noto フォントを使う


前に docker コンテナ + capybara-webkit でウェブサイトのスクリーンショットを撮影してみたんだけど、IPA フォントがなんかイマイチに感じられたので Noto フォントを試してみた。

やり方

前回からの差分としては、

  • apt で fonts-ipafont fonts-ipafont-gothic fonts-ipafont-mincho をインストールしないようにした
  • apt で unzip をインストールするようにした (ダウンロードしたファイルの展開用)
  • Noto フォントをインストールするようにした

Noto フォントインストール部分はこんな感じになった。

RUN cd /tmp && \
    mkdir noto && \
    curl -O -L https://noto-website-2.storage.googleapis.com/pkgs/NotoSansCJKjp-hinted.zip && \
    unzip NotoSansCJKjp-hinted.zip -d ./noto && \
    mkdir -p /usr/share/fonts/noto && \
    cp ./noto/*.otf /usr/share/fonts/noto/ && \
    chmod 644 /usr/share/fonts/noto/*.otf && \
    fc-cache -fv && \
    rm -rf NotoSansCJKjp-hinted.zip ./noto

ほんとは docker イメージサイズ縮小のために unzip をアンインストールしたほうがいいんだけど、めんどくさくてやってない。

ちなみに apt リポジトリにも fonts-noto というパッケージがあるみたいだが、これをインストールしても日本語は文字化けしたままの状態になってしまうようだった。(CJK が入っていない?)

結果

IPA フォント:

Noto フォント:

うーん、よくなったような悪くなったような。Noto フォントのほうが若干丸っこい感じがする。
だいぶ前に試したときは IPA フォントでももう少しメイリオみたいに表示できてた気がするんだけど、何か工夫していたのか覚えていない…。
あと、この微妙にブロックノイズ (?) が出ちゃってるのを直せないものだろうか。
情報お待ちしております。

参考資料