cssで文字の大きさを変更する方法

Simplicityの特徴 フォーラム Simplicityについての質問 cssで文字の大きさを変更する方法

  • このトピックには8件の返信、2人の参加者があり、最後にrimにより5年、 1ヶ月前に更新されました。
8件の返信スレッドを表示中
  • 投稿者
    投稿
    • #16201
      rim
      ゲスト

      いつもお世話になっています。
      記事の文字を大きくしたり、小さくする為にcssを使いたいのですが、
      記事のhtmlタグを
      <span class=””></span>
      または
      <p class=””></p>
      で書く時にcssの記述の仕方が分かりません。
      よろしくお願いします。

    • #16217
      11neko
      ゲスト

      記事内の文字ですか。
      ビジュアルエディタを使えば簡単ですが・・・

      HTMLエディタを使用するのが前提であれば

      <span class=”small-font”>小さくする文字</span>
      
      <style>
      .small-font{
      font-size:10px;
      }
      </style>

      このように直接記事に書くか、使用頻度が高いようであれば、style.css等のファイルに

      .small-font{
      font-size:10px;
      }

      を記述し、記事側に以下を記述する

      <span class=”small_font”>小さくする文字</span>

      文字サイズの調整はpxの値で調整してください。

    • #16218
      11neko
      ゲスト

      コードがエンティティ化されてしまったので、ちょい追記。

      <span class=”small-font”></span>

      <style>
      .small-font{
      font-size:10px;
      }
      </style>

    • #16271
      わいひらわいひら
      キーマスター

      11nekoさんありがとうございます。
      クラスを利用するなら11nekoさんのようなやり方を行ってください。クラスを指定する方が方がスマートな方法だと思います。

      あとは、タグに直接スタイルを記入するとかもあります。
      <p style="font-size:10px;">text</p>

    • #16280
      rim
      ゲスト

      11nekoさん わいひらさん ありがとうございます。

      主にモバイル環境で更新をしているので、マークダウンアプリを使用し、ワードプレスアプリに同期して記事の更新をしています。
      その為、ユーザー辞書にタグをいれこみ使用しています。

      あまり知識がないので都度検索にたより解決していますが、毎回、更新の度に記事に直接<style></style>を書くと重くなるのかな?と思い、
      11nekoさんのとおりstyle.cssに

      .small_font
      のように書きましたが、効果が出ません。

      <p style=”font-size:10px;”>text</p>が一番手っ取り早いですか?

    • #16284
      わいひらわいひら
      キーマスター

      style.cssにどのように書いているかと、どのようなタグを挿入しているかを書いていただくと原因がわかると思います。

    • #16310
      rim
      ゲスト
      
      .sho {
      font-size: 50%;
      }
      .dai {
      font-size: 200%;
      }

      わいひらさんありがとうございます。
      pタグでくくると、効果でません。

      <p class="dai">テスト</p>

      aタグでくくると効果が出ました。
      <a class="dai">テスト</a>
      aタグだとカラーが変わってしまうので、出来たらpタグでくくりたいのですが。。

    • #16322
      わいひらわいひら
      キーマスター

      設定に問題はないと思います。

      もしかして、テーマカスタマイザー側でフォントサイズの変更をしたりしていますか?

      それだったら、以下のように書く必要があるかもしれません。
      font-size: 50% !important;

    • #16353
      rim
      ゲスト

      わいひらさんありがとうございます。
      !important;
      でいけました!ありがとう
      ございます!

8件の返信スレッドを表示中
  • トピック「cssで文字の大きさを変更する方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)