初めまして。素敵なテンプレートありがとうございます。
「夏夜」を小説サイトとして使わせて頂いております。
ところで気になる点がひとつありまして、「う」が小さめに表示されるのです。小説なので、大変気になります。
フォントを外部から引っ張ってきている？ようなので、そのフォントのせいでしょうか？
できれば、せっかくのテンプレートなので、フォントの変更はしたくないのですが…。
解決策などありましたら、ご教示頂ければと思います。よろしくお願いします。 | マシュマロ
espace@レスポンシブテンプレート配布サイトさんの回答「「夏夜」のご利用ありがとうございます！ 長くなったのでサイト内でお返事しました。 ご確認いただけますと幸いです。 」
marshmallow-qa.com
初めまして。素敵なテンプレートありがとうございます。 「夏夜」を小説サイトとして使わせて頂いております。 ところで気になる点がひとつありまして、「う」が小さめに表示されるのです。小説なので、大変気になります。 フォントを外部から引っ張ってきている？ようなので、そのフォントのせいでしょうか？ できれば、せっかくのテンプレートなので、フォントの変更はしたくないのですが…。 解決策などありましたら、ご教示頂ければと思います。よろしくお願いします。
こんばんは。
「夏夜」のご利用ありがとうございます！
以下、ご質問の件回答です。
ご確認いただけますと幸いです。
回答
フォントの設定について
本文の場合は外部フォントを使用しておらず、「夏夜」の場合、以下のような設定をしています。
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つのフォントはかなり雰囲気の違うフォントです。
好みはそれぞれですので、お好みで変更いただければと思います。