SUGI
フォーラムへの返信
-
投稿
-
残念ながら、リンクを挿入するとフォントが元の字体（デフォルトのフォント）に戻ることが分かりました。解消方法として正しいのか、偶然なのか不明ですが、
ブロックのカスタムCSSに下記を入力します。
.wp-site-blocks ul,
.wp-site-blocks ol,
.wp-site-blocks li
{ font-family:”新ゴ B” !important; }次に該当箇所のリンク有のテキストを左クリックし、リンクを編集を左クリック（選択）し、リンクの編集において追加CSSクラスに下記を入力します。
.wp-site-blocks ul,
.wp-site-blocks ol,
.wp-site-blocks li
{ font-family:”新ゴ B” !important; }その後、該当箇所のリンク有りのテキストを左クリックし、太字を適用させます。編集する画面での見た目は太文字となりますが、アップロードをしてページを見てみると、また、元に戻りXサーバーの提供フォントで表示されました。
面倒な作業となりますので、本当に良いか疑問がありますが、他の解消方法の情報があれば、どなたでも結構ですので、ご教授願いたいと思います。Y.INABA 様
ありがとうございました、ご助言のとおりに追加CSSによる設定をし、無事、Xサーバー提供のフォントをリストに使うことが出来ました。心から感謝申し上げます。シンプルなCSSの記述だったのも嬉しく思っております。
この間、対馬俊彦 様にもご協力いただき、ありがとうございました。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の方は縦・横画面で見てもサイト全体の文字が揃った状態できれいに表示されていたので、これは機種や画面ごとに違いがでてくるかもしれませんね、引き続き打開策を研究したいと思います。
