こんにちわ、今回が初の質問になります。
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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoor blogってどうやって検...
-
はじめまして。 livedoor のブ...
-
アマゾンプライムでクレジット...
-
すいません真面目な質問です。 ...
-
livedoorブログのコメント欄を...
-
パソコンで作成のブログを携帯...
-
ライブドアブログの更新通知を...
-
iPhoneで撮った写真をjpg形式で...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
-
blogger で次の様なエラーが発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
中央寄せの解除
-
エキサイトブログで挿入画像を...
-
ライブドアブログのサイドバー...
-
アメブロ。日記から本文がはみ...
-
アメブロでブログタイトル上部...
-
tumblrをやっている方、jsやcss...
-
スタイルシートの使い方について
-
HEAD・HTMLの行間改行が上手く...
-
bloggerブログで画像の枠を消す...
-
FC2ブログで引用に背景色をつける
-
MT4のタイトルを一枚画像(バナ...
-
wordpress カスタムフィールド...
-
ブログ記事内に文章を左右2列に...
-
右サイドバーが下に落ちてしまう
-
お世話になっております。fc2で...
-
FC2 HTML編集について
-
FC2ブログ タイトルの文字を...
-
fc2ブログで記事とサイドバーに...
-
2beeブログで行間と文字の間隔...
おすすめ情報