3
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Posted at

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

参考資料

3
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?