アプリ版:「スタンプのみでお礼する」機能のリリースについて

こんにちわ、今回が初の質問になります。
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の最後に追記したらいいと書いてあったのですが
あまり違いを感じなかったもので

最初はみんな初心者だと自分に言い聞かせていますが…
なかなか苦戦してくじけそうです

「FCブログの文字の大きさについて」の質問画像

A 回答 (1件)

既に在るCSSを変更するのは至難です。


2カラムか3カラムだと思いますが、そこに手を加えるのはこの情報だけでは先ず無理。
htmlがどこでどういうセレクタでcssを参照してるか調べないと出来ないと思います。

文字サイズを大きくすると、background imageやマージンの関係も調べる必要が有ります。

記事タイトルは問題なく小さく出来そうです。
h1{font-size: 200%; ここのサイズを100%位にすればok

font-family:はbodyに直接追加して下さい。
但し、表示pcがそのフォントを持っていないといけないですが・・。

記事エリアのcssはパッと見、提示内には無さそうです。

先ずは、以下を大きく、どこかに書いたら如何ですか。

文字を大きくしたいた方は、ctrlを押したまま+キーを押して下さい。
文字を大きくしたい方は、ctrlを押したまま-キーを押して下さい。
ctrlを押したまま0キーを押すと元に戻ります。
    • good
    • 0
この回答へのお礼

なるほど勉強になります。
記事タイトルは簡単に変更できそうで助かりました

フォントの件は少し悩みますね…
メイリオが見やすく妥当だと思いましたが
観覧する方が持ってないと意味がないのですね

記事内の説明文を入れて工夫してみます

お礼日時:2016/06/09 18:18

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!