Simplicityの特徴 › フォーラム › Simplicityについての質問 › cssで文字の大きさを変更する方法
- このトピックには8件の返信、2人の参加者があり、最後に
rimにより11年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年1月9日 7:34 PM #16201
rim
ゲストいつもお世話になっています。
記事の文字を大きくしたり、小さくする為にcssを使いたいのですが、
記事のhtmlタグを
<span class=””></span>
または
<p class=””></p>
で書く時にcssの記述の仕方が分かりません。
よろしくお願いします。 -
2015年1月9日 8:15 PM #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の値で調整してください。
-
2015年1月9日 8:17 PM #16218
11neko
ゲストコードがエンティティ化されてしまったので、ちょい追記。
<span class=”small-font”></span>
<style>
.small-font{
font-size:10px;
}
</style> -
2015年1月9日 11:22 PM #16271
わいひらキーマスター11nekoさんありがとうございます。
クラスを利用するなら11nekoさんのようなやり方を行ってください。クラスを指定する方が方がスマートな方法だと思います。あとは、タグに直接スタイルを記入するとかもあります。
<p style="font-size:10px;">text</p> -
2015年1月10日 11:28 AM #16280
rim
ゲスト11nekoさん わいひらさん ありがとうございます。
主にモバイル環境で更新をしているので、マークダウンアプリを使用し、ワードプレスアプリに同期して記事の更新をしています。
その為、ユーザー辞書にタグをいれこみ使用しています。あまり知識がないので都度検索にたより解決していますが、毎回、更新の度に記事に直接<style></style>を書くと重くなるのかな?と思い、
11nekoさんのとおりstyle.cssに.small_font
のように書きましたが、効果が出ません。<p style=”font-size:10px;”>text</p>が一番手っ取り早いですか?
-
2015年1月10日 12:17 PM #16284
わいひらキーマスターstyle.cssにどのように書いているかと、どのようなタグを挿入しているかを書いていただくと原因がわかると思います。
-
2015年1月10日 4:25 PM #16310
rim
ゲスト.sho { font-size: 50%; } .dai { font-size: 200%; }わいひらさんありがとうございます。
pタグでくくると、効果でません。<p class="dai">テスト</p>aタグでくくると効果が出ました。
<a class="dai">テスト</a>
aタグだとカラーが変わってしまうので、出来たらpタグでくくりたいのですが。。 -
2015年1月10日 5:49 PM #16322
わいひらキーマスター設定に問題はないと思います。
もしかして、テーマカスタマイザー側でフォントサイズの変更をしたりしていますか?
それだったら、以下のように書く必要があるかもしれません。
font-size: 50% !important; -
2015年1月10日 10:46 PM #16353
rim
ゲストわいひらさんありがとうございます。
!important;
でいけました!ありがとう
ございます!
-
-
投稿者投稿
- トピック「cssで文字の大きさを変更する方法」には新しい返信をつけることはできません。