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

やり方

use noto font by tily · Pull Request #42 · tily/prgrphs

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

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 フォントでももう少しメイリオみたいに表示できてた気がするんだけど、何か工夫していたのか覚えていない…。
あと、この微妙にブロックノイズ (?) が出ちゃってるのを直せないものだろうか。
情報お待ちしております。

参考資料

docker コンテナ + capybara-webkit でウェブサイトのスクリーンショットを撮影する - Qiita
はちびる日記
- ダウンロード先の URL が古かった
How to install fonts – Google Noto Fonts