太字にしても文字を潰さない方法「太字に強い無料の日本語フォント」付き

PhotoshopやIllustratorなどで、太文字を書きたいとき文字がつぶれて見づらいことはありませんか?

Contents

つぶれ文字の場合

太字にしても文字を潰さない方法

文字がつぶれてしまった場合の多くは、
・ボールド「B」で太くしている
・枠線をつけて太くしている
こういうケースが多く見られます。

これは、元の文字の外側に太線をつけるため、スキマが埋められてしまうことでつぶれて見えるためです。

太字にしても文字を潰さない方法

つぶれない文字にするには

font-weightで調整する

文字をつぶさないようにするには、文字そのもののウェイトで調整します。

ウェイトというのは「太さ」という意味です。
例えば、「●●ゴシック-M」とか、「▲▲明朝-W3」などという、フォント名の最後にアルファベットや数字がついているのを見たことはありませんか?

まずはフォント(文字)を選ぶ際に、ウェイトのバリエーションが存在するかどうか確認してから使うことをおすすめします。

太字にできる無料の日本語フォント

そもそもどんなフォントが太字のバリエーションがあるのか、今回は無料の日本語フォントを紹介します。

M+フォント

太字にしても文字を潰さない方法
やや丸みのあるやさしいイメージのゴシックフォント。
極細から太字までフォントウェイトがあります。

【ライセンス】商用・非商用可。利用、複製、再配布可能。

配布サイトでダウンロード

Kazesawaフォント

太字にしても文字を潰さない方法
こちらも丸みのある、認識性の高いフォントです。
エクストラライトからエクストラボールドまで6種類のウェイトがあります

【ライセンス】SIL Open Font License準拠

配布サイトでダウンロード

源ノ角ゴシック

太字にしても文字を潰さない方法

AdobeとGoogleが共同開発したオープンソースのフォントです。
エクストラライトからヘビーまで7種類のウェイトがあります

【ライセンス】SIL Open Font License準拠

配布サイトでダウンロード

Rounded M+

太字にしても文字を潰さない方法

丸ゴシックのかわいい感じなのに品のあるのフォントです。
また、「標準」、「丸さ強め」、「丸さ弱め」からも選んでダウンロードが可能です。

【ライセンス】商用・非商用可。利用、複製、再配布可能。

配布サイトでダウンロード