2022.12.27 マシュマロお返事(游ゴシック体の「う」が小さい)

マシュマロ
初めまして。素敵なテンプレートありがとうございます。 「夏夜」を小説サイトとして使わせて頂いております。 ところで気になる点がひとつありまして、「う」が小さめに表示されるのです。小説なので、大変気になります。 フォントを外部から引っ張ってきている?ようなので、そのフォントのせいでしょうか? できれば、せっかくのテンプレートなので、フォントの変更はしたくないのですが…。 解決策などありましたら、ご教示頂ければと思います。よろしくお願いします。 | マシュマロ
espace_vvvさんの回答「「夏夜」のご利用ありがとうございます! 長くなったのでサイト内でお返事しました。 ご確認いただけますと幸いです。 」

初めまして。素敵なテンプレートありがとうございます。 「夏夜」を小説サイトとして使わせて頂いております。 ところで気になる点がひとつありまして、「う」が小さめに表示されるのです。小説なので、大変気になります。 フォントを外部から引っ張ってきている?ようなので、そのフォントのせいでしょうか? できれば、せっかくのテンプレートなので、フォントの変更はしたくないのですが…。 解決策などありましたら、ご教示頂ければと思います。よろしくお願いします。

こんばんは。
「夏夜」のご利用ありがとうございます!

以下、ご質問の件回答です。
ご確認いただけますと幸いです。

回答

フォントの設定について

本文の場合は外部フォントを使用しておらず、「夏夜」の場合、以下のような設定をしています。

body, button, input, textarea, select {
    font: 500 1.6rem/calc(1.6rem + 1.05rem) "Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
}

このうち、フォントの指定は青背景部分で、カンマ区切りで左から、「端末に存在する、対象の文字を含むフォント」を使用して表示します。

原因

Yu Gothic」は「う」が若干小さく見えます。

解決策

「う」のみに何か設定を施すのは現実的ではありません。

対策としては「Yu Gothic」の記述を削除して游ゴシック体の使用を避け、「メイリオ」を使用していただくのが良いかと思います。

この場合、次点の「Meiryo」が適応されます。

この2つのフォントはかなり雰囲気の違うフォントです。
好みはそれぞれですので、お好みで変更いただければと思います。

タイトルとURLをコピーしました