文字のクオリティが低い

Question

fillTextで文字を描画する際に文字がぼやけてしまいます。

以下の画像の上の文字(localhostで実行)と下の文字(別サイトの文字)で比較するとさらに分かりやすいです。

strokeStyleでは真っ黒(#000000)に設定しているのにグレーっぽくなってしまい、クオリティが低いことが分かります。
こういった問題はどういった方法で解決するのでしょうか？よろしくお願いします。

Answer 1

文字が細いだけに見えます。
文字を太字のフォントにし、strokeも太くしてみてください。

Comments

[退会済みユーザー]

あれ...UbuntuフォントのBold版だけが反映されないですね...ちょっと調べてきます

[退会済みユーザー]

https://fonts.googleapis.com/css?family=Ubuntu:700 を追加して、canvasで ctx.font = "bold 10px Ubuntu" と指定しましたが、太くなりませんね...