
こんにちわ、今回が初の質問になります。
FC2ブログでの文字の大きさを変更したいと考えてるのですが
タイトル以外の記事やサイドバーなどの文字の変更です。
テンプレートは独自に配ってる物で名前はありません
初心者がそんな物使うなって感じですが気に入ってますので悪しからず
本題に戻りますが文字の大きさはCSSのfont-sizeを変えればいいと記載されてました
font-sizeで検索したら予想以上に多くて、少し困ってます。
その内容なのですが
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent
body {
line-height:1.5;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block
}
nav ul {
list-style:none
}
blockquote,q {
quotes:none
}
blockquote:before,blockquote:after,
q:before,q:after {
content:none
}
a {
margin:0;
padding:0;
font-size:100%;
body {
width: 100%;
font: 13px;
*font-size: small;
*font: x-small;
text-align: left;
background: #FFFFFF;
color: #333333;
line-height: 1.5;
}
h1 {
font-size: 200%;
padding:12px 20px 15px 20px;
text-align: left;
border-left: 6px solid #0098D9;
margin:10px 0 0 15px;
line-height: 120%
}
h2 {
font-size: 130%;
padding-bottom: 2px;
border-bottom: 1px solid #0098D9;
}
h3,h4 {
font-size: 120%;
padding: 5px 0 2px 10px;
border: 1px solid #0098D9;
border-radius: 4px;
}
#footer {
width: 100%;
font-size: 80%;
background: #F9F9F9;
color: #333333;
height: 100px;
clear: both;
padding: 0px;
margin-top:200px;
margin: 0 auto;
position:absolute;
}
#side h4 {
font-size: 12px;
color: #FFFFFF;
margin: 0 0 0 0;
padding: 9px;
background: #0098D9;
border-left: 1px solid #0098D9;
border-right: 1px solid #0098D9;
border-top: 1px solid #0098D9;
border-bottom: 1px solid #0098D9;
}
#pan {
margin: 0 auto;
width:970px;
padding-top:20px;
font-size: 12px;
}
.title{
font-size: 20px;
font-weight: bold;
padding:20px 0 10px 0;
}
.posi p{
font-size: 80%;
}
.relate_dl{
margin: 15px 0 15px 0;
}
blockquote{
background-color:#ddd;
padding:3em 1em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"MS Pゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
以上がfont-sizeで検索した結果です。
長くなって申し訳ないです。
FC2ブログを開始して2日目の初心者なので
できれば高齢者向けのブログにしたいので最低限、記事のサイドバーだけでも大きくしたいと
考えてます。
記事のタイトルは逆に大きすぎるかもって思う時があります。
写真を添付しますので意見などもらえたら嬉しいです
それとついで申し訳ないのですが
font-family:"MS Pゴシック",sans-serif;
の部分を変えれば全体のフォントをメイリオフォントに変えることができるのでしょうか?
とある記事に
body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif !important;
}
をCSSの最後に追記したらいいと書いてあったのですが
あまり違いを感じなかったもので
最初はみんな初心者だと自分に言い聞かせていますが…
なかなか苦戦してくじけそうです


No.1ベストアンサー
- 回答日時:
既に在るCSSを変更するのは至難です。
2カラムか3カラムだと思いますが、そこに手を加えるのはこの情報だけでは先ず無理。
htmlがどこでどういうセレクタでcssを参照してるか調べないと出来ないと思います。
文字サイズを大きくすると、background imageやマージンの関係も調べる必要が有ります。
記事タイトルは問題なく小さく出来そうです。
h1{font-size: 200%; ここのサイズを100%位にすればok
font-family:はbodyに直接追加して下さい。
但し、表示pcがそのフォントを持っていないといけないですが・・。
記事エリアのcssはパッと見、提示内には無さそうです。
先ずは、以下を大きく、どこかに書いたら如何ですか。
文字を大きくしたいた方は、ctrlを押したまま+キーを押して下さい。
文字を大きくしたい方は、ctrlを押したまま-キーを押して下さい。
ctrlを押したまま0キーを押すと元に戻ります。
なるほど勉強になります。
記事タイトルは簡単に変更できそうで助かりました
フォントの件は少し悩みますね…
メイリオが見やすく妥当だと思いましたが
観覧する方が持ってないと意味がないのですね
記事内の説明文を入れて工夫してみます
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
中央寄せの解除
-
シーサーブログのサイドバーに...
-
右サイドバーが下に落ちてしまう
-
FC2ブログのテンプレ編集/幅調...
-
三つ折りのリーフレットを作りたい
-
ワードプレスで公開しているペ...
-
Powerpointの表のスタイルで好...
-
fc2ブログで、記事の文章を中央...
-
エクセル履歴書テンプレートの...
-
fc2ブログでの文字色の変更
-
Wordpressの投稿記事に関する公...
-
未完成記事の保存
-
新しいgooブログでブックマーク...
-
htmlとcssで分数を表示後、分数...
-
規格A4仕上がりの外三つ折り(Z...
-
FC2ブログの表示がおかしく...
-
LINEに知らない人から通知が入...
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログでプロフィールが2つ...
-
wordpressの投稿ページの格納場所
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて リスト表示のリス...
-
ライブドアブログにおいて記事...
-
アメーバブログについて
-
CSS playについて
-
中央寄せの解除
-
ブログのカスタムの編集で、幅...
-
ボックスエリアに写真を貼り付...
-
ブログのテンプレートを変更し...
-
FC2のテンプレ
-
gooブログで月別アーカイブを纏...
-
さくらブログ(シーサーブログ...
-
CSSのdivパーツの配置がうまく...
-
ブログの背景色について
-
IE6だけ何故か左寄せになります
-
右サイドバーが下に落ちてしまう
-
エントリーの幅を変更したい
-
seesaaでテンプレートを変更したい
-
gooブログでエントリータイトル...
-
ロリポブログのcss:センターに...
-
IEでテンプレートの表示が変です
おすすめ情報