こんにちわ、今回が初の質問になります。
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で質問しましょう!
似たような質問が見つかりました
- その他(ブログ) シーサーブログのタイトル文字位置とブログ説明文字位置の変更方法 2 2022/09/22 20:55
- FC2ブログ どうやるのか、さっぱり分かりません。ブログ引っ越したいと思っています(URLだけを変えたい)。 3 2022/12/01 07:40
- WordPress(ワードプレス) Wordpressの記事URLを自由に決めたい 3 2022/06/02 12:05
- FC2ブログ FC2ブログで文字を小さくしたいです。小さくする方法を教えてください。 1 2023/08/26 00:46
- FC2ブログ テキスト版からURLも表示できるように設定できないのでしょうか。 ブログにURLを載せようとしたら文 2 2023/02/12 11:20
- YouTube YouTube など 動画ソフトの音声を 文字にするソフトやアプリはありますか 1 2023/01/16 22:02
- gooブログ ブログIDって何でしょうか? 2 2022/05/15 09:44
- フリーソフト YouTube など 動画ソフトの音声を 文字にするソフトやアプリはありますか 1 2023/01/18 03:34
- FC2ブログ 記事はそのままでブログのURLだけを変えたい場合、コピペが楽ですが、画像とかは再びアップロードしない 1 2022/11/27 18:20
- Gmail 「Andoroidスマホ、Gmailで 文字の大きさの変更はどうすればいいのでしょうか?」 普段、文 1 2023/04/04 17:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ライブドアブログの新着エント...
-
すいません真面目な質問です。 ...
-
ライブドアブログ親子カテゴリ...
-
はじめまして。 livedoor のブ...
-
今日、超夏なんですけど。 暑い...
-
livedoorブログのコメント欄を...
-
livedoor blogってどうやって検...
-
インスタのコメントについて質...
-
livedoorブログ(ライブドアブロ...
-
Outlookでのメールで 記入する...
-
ブログ毎日更新しているんです...
-
パソコンのワードで作ったイベ...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
中央寄せの解除
-
ライブドアブログにおいて記事...
-
ブログのデザインがずれる原因
-
2beeブログで行間と文字の間隔...
-
ライブドアブログのサイドバー...
-
FC2ブログで引用に背景色をつける
-
IE6だけ何故か左寄せになります
-
ブログ記事内に文章を左右2列に...
-
WordPressのヘッダー上部の余白
-
wordpress カスタムフィールド...
-
アメーバブログの両サイドの余...
-
FCブログの文字の大きさについて
-
アメブロをFireFoxでみると…
-
FC2ブログの右サイドバーが落ちた
-
本文の文字を大きくしたい
-
ワードプレスでタイトルの字数...
-
FC2ブログ タイトルの文字を...
-
tumblrをやっている方、jsやcss...
-
ライブドアブログの「ホワイト...
-
アメーバのブログ 画像の貼り付け
おすすめ情報