SUGI
フォーラムへの返信
-
投稿
-
Y.INABA 様のご質問についてお答えいたします。
私の表現がややこしくて申し訳ありません、リストボックスとは固定ページでプラスの記号をクリックすると
ブロック・パターン・メディアなどのパーツ類が表示されますが、その中のブロックの中にある『リスト』のことを
さしています。CSSですが、カスタムCSSで該当のセレクタに font-family で指定した場合、Xサーバーのプラグイン内でフォントの
設定変更をしたときは、リストの箇所のカスタムCSSも全て入力変更しなければならないことになるので、追加CSSで
リスト全体に指定した方が良いとは思うのですが、数年経つと、ある箇所のフォントをCSSで指定したことを忘れそう
なので、例えばフォントを指定するCSSの他に何かないのか？ と思っておりました。モデレーター：うなこ様、キーマスター：石川様
仕事の繁忙期だったので、お返事や指示に対応が出来ず大変申し訳ありませんでした。
色々調査をしていただいたり、仕様の変更までしていただいたりと驚きました。
本当にありがとうございます。さらに使い勝手が良くなりとても感謝しております。対馬 俊彦 様
気に留めといていただいて感謝申し上げます。
ご助言により、プラグインはすべて削除し、iPhone SE の Safari と Chrome と Microsoft Edge の３つの
ブラウザで表示してみたのですが、結果は変わらず、
● ブロックが１つだけのテキストならフォントは小さいままで、ブロック２つのテキストならフォントが大きく表示される
● テキストの行間をタイポグラフィで変更すると、フォントは大きく表示されず、小さいまま
というような現象でした。※ この場合、フォントが大きく表示される方が、他のブロックと同一となり、統一感のあるサイト表示になります。
★ その為、フォントが小さいままであれば、大小のフォントが混ざり合ったようなサイトとなり、見にくくなります。簡単なテキストの入力だけでも、スマホの横画面ではフォントの大きさが異なるということがわかりました。
ブロックが１つだけのテキストならフォントは大きく表示されず、ブロック２つのテキストならフォントが大きく表示されるという結果でした。
ただ残念なことに、主に利用させていただいているX-T9やLightningでは、上記のようなフォントサイズのばらつきが出る結果となりましたが、エックスサーバーのXWRITEはスマホの縦画面でも横画面でもフォントサイズにばらつきなく表示できている結果については少し希望が減りました。対馬 俊彦 様
ありがとうございました、CSSを追加したら、行間が狭まるような事象はなくなりました。面倒な作業が減ってとても助かりました。
ただ、対馬さんのスマホの縦画面と横画面のフォントの変化は無かったんですか、簡単なサイトで調べてみたのですが、
この２つの内、テスト１サイトはリストボックスの下にテキストを置いたもので、この場合、スマホの横画面でもリストボックスの文字は大きく表示（サイト全体の文字がきれいに揃った状態で表示）され、良かったのですが、
下のテスト２サイトの方はリストボックスの下は何もブロックを挿入しないものでつくったのですが、この場合、リストボックスの文字は大きくなりませんでした。私のスマホはiPhone SE (第3世代)でディスプレイが1,334×750ピクセルで上記のような結果となったのですが、ipadの方は縦・横画面で見てもサイト全体の文字が揃った状態できれいに表示されていたので、これは機種や画面ごとに違いがでてくるかもしれませんね、引き続き打開策を研究したいと思います。
