サポート » 使い方全般 » モバイル画面のフォント変更

  • Multiple Themes Pluginを使用して、2つのテーマ(Blossom TravelとHello Elementor)を使用しています。
    Multiple Themesにしてから、ホーム画面に設定しているテーマ(Blossom Travel)のモバイルのフォントが変わってしまいました。

    モバイルのフォントをArialに変更したく、両方のテーマに追加CSSで以下を記入しています。
    body, button, input, select, optgroup, textarea {
    color: #343434;
    font-family: ‘Arial’;
    font-size: 18px;
    line-height: 1.65em;
    font-weight: 400;
    }

    そうすると、デスクトップでは適用されているみたいなのですが、モバイルのデベロッパーツールを確認すると、montserratなどのフォントになっており、適用されていないようです。

    カスタムのタイポグラフィもArialに設定しているのですがどうしても適用されないです。
    もう4日くらいこの問題に悩まされているのでどなたか助けていただければ嬉しいです><

    • このトピックはcybervacayが3年、 3ヶ月前に変更しました。

    ヘルプの必要なページ: [リンクを見るにはログイン]

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • cybervacayさん、こんにちは。

    単純にソースを見ると何らかの文字が混入し、CSSがエラーになっているようですよ。

    	.single .site-content .page-header .page-title {
    		font-family : &quot;Arial Black&quot;, Gadget, sans-serif;
    	}

    クウォート文字を入れようとして自動変換されてしまっているか、コピペした際にクウォート文字が &quot のまま貼られてしまったかですね。
    追加CSSを見直してみてください。

    ご参考になれば。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「モバイル画面のフォント変更」には新たに返信することはできません。