注目タグ

テンプレート・プラグイン

トピック詳細

ブログのタイトルのフォントの変更の仕方を教えてください。

ブログのタイトルとサブタイトルのフォントのみ変更したいと思っていま
す。

スタイルシート編集でフォントを変更したところ、ブログ全体のフォントが変わってしまい、どうしてよいかわからなくなりました 。



この場合、どこをどのように変更したらよいでしょうか?

ブログは

http://harry525.blog.fc2.com/

です。

質問ばかりで申し訳ありませんが、よろしくお願いいたします。

2011年07月13日 08:46  by 

コメント一覧 2件中、1~2件表示

  • 標野ゆきさん、丁寧な説明、ありがとうございました。
    無事に変更できました。

    2011年07月13日 09:38 by

  • <div id="header">
    <h1><a href="http://harry525.blog.fc2.com/& quot; accesskey="1">ビーグル犬 ハリーのお気楽日記</a>&l t;/h1>
    <p>我が家にやってきた愛犬ビーグルの子犬ハリーのお気楽な一日を徒然なるままに。</p>
    </div>

    これは質問者さんのブログのHTML(抜粋)です。
    ブログのヘッダー部分に「header」というID名がつけられています。


    このID名を利用して
    スタイルの指定を行う場合には

    #header h1 {スタイルの指定}
    #header p {スタイルの指定}

    このような形のものをスタイルシートに書き込むことになると思います。

    フォントに関する指定がスタイルシートのどこかにまとめてあったり
    ヘッダー部分に関するスタイル指定がまとめてあったりするようなら
    そこに一緒に置くのが望ましいと思います。

    環境によってうまくいったりいかなかったりするので、これで必ずご希望通りになるかは不明です。



    この他に
    HTMLの中に
    <div id="header">
    <h1 style="スタイルの指定"><a h ref="http://harry525.blog.fc2.com/" accesskey=&quo t;1">ビーグル犬 ハリーのお気楽日記</a></h1>
    <p style="スタイルの指定">我が家にやってき た愛犬ビーグルの子犬ハリーのお気楽な一日を徒然なるままに。</p>
    </div>

    このように直接書き込むやり方もあります。
    洗練された手法とはいえませんが、優先度が高いので、気難しいテンプレートの場合には功を奏する場合も多いように思います。

    HTMLの<head>と</head>の間に書き込むやり方もあります。
    詳しい表記の仕方についてはネットで検索してみてください。

    なお、上の抜粋はブログのソースで、テンプレートのHTMLではありません。
    実際の編集欄には<>で囲まれた変数が表示してありますのでご注意ください。

    2011年07月13日 09:10 by 標野ゆき