解決済

タイトルの書体の変更

ちょっとカスタマしてたら何だか変になってきましたぁ。

TOPページ

のタイトルの書体とカテゴリーページ・個別ページのタイトルの書体が違い明らかに変です。(笑)
カテゴリーページ


個別ページ


SEO上、画像にするにはちょっと難しい?ようですので、どうかおしゃれな?最低でも同様な書体にしたいのですが、どうやってやったら良いのか、思案中です。
よろしくお願いします。<(_ _)>

2006-04-16 17:53の質問
タイトル  書体  
タイとる君
タイとる君 のホームページはこちらです
hp.vector.co.jp/authors/VA012191/software/index.html
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google

回答(1)

1.

2006-04-17 20:09:23ベスト
htmlファイルで各ページのタイトル部分を比べてみると、Topページでは、
<h1 class="blogtitle">.....</h1>
となっていますが、他のページではみな、
<div class="blogtitle">.....</div>
になっています。

そして、cssファイルでは、
.blogtitle{
   font-size:20px;
   font-family:verdana ,arial ,sans-serif;
   padding:38px 0 10px 100px;
   text-align:left;
   }
となっています。両方とも使用フォントは、「.blogtitle」での指定が使われることになっていますので、同じフォントなのですが、「h1」(大見出し)では、何も指定しないと「太字」が使われることになっているので、Topページだけ太字になってしまっています。

ですから対策としては、両方とも(divではなくて)「h1」を使うことに変更すればよいでしょう(逆に両方ともdivにする、というのもありです、お好みで)。そうすると、タイトルのフォントは完全に同じになり、今後フォントを変えたいときには、cssファイルの上述の「.blogtitle」の部分ところだけいじればOKです。

今は、font-familyとして「verdana またはarial または sans-serif」が指定されていますが、ここを表示させたいフォントに変更すれば、タイトルのフォントを変えることができます。ちなみに、verdanaやarialはアルファベットだけしか持っていないフォントなので、日本語タイトルには適用されていません。
回答レベル : 回答

コメント欄の記述を試したみました。
バッチグー(死後 笑)でしたぁ、本当にありがとうございます。

小骨が取れた心境です。(*^-^)

Ads By Google

コメント(3)

2006-04-17 20:51:44

回答ありがとうございます<(_ _)>

>今は、font-familyとして「verdana またはarial または sans-serif」が指定されていますが、ここを表示させたいフォントに変更すれば、タイトルのフォントを変えることができます。ちなみに、verdanaやarialはアルファベットだけしか持っていないフォントなので、日本語タイトルには適用されていません。

とありますが、ということは『sans-serif』しかダメと言う事でしょうか?タグはSEO上あまりいじりたくないので困ってます。トホホ。。。

#2.  トリ頭
2006-04-17 21:51:24

htmlファイルをいじらないで、フォントの見た目を統一するには、cssファイルで、

.blogtitle{
の設定項目の中に1行追加するだけでもOKです。追加するのは、Topページ以外のように細い字にしたいなら、
font-weight: normal;
Topページのような太い字にしたいなら、
font-weight: bold;
のどちらかを追加すればよいです。これにより,h1でboldになった設定を、更に強制的に変更できるはずです。

#3.  トリ頭
2006-04-17 21:59:03

「sans-serif」というのは、実際にはそういう名前のフォントがあるわけではなく、ページを見る人が、自分のブラウザの設定で「サンセリフ系(ゴシック体)の標準フォント」に指定しているフォントで表示する、という、ユーザに優しい設定です。

現在のフォント設定の意味は、「もしverdanaがあればverdanaで表示、なければarialで、それもなければ、あなたのブラウザの標準フォントを使ってね!」という意味です。ですからverdanaとarialが無効になってもぜんぜん問題ないです。実際問題として、Windowsの場合、たいていの人がMS Pゴシックなどで表示していることになるでしょう。それって,ぜんぜん悪いことではないですよね。

仮に、どうしても使いたいフォントがあれば、verdanaとArialを消して、sans-serifの前に入れればOKです。そうしておけば、その指定フォントがない環境の人も、従来どおり、その人の設定した「sans-serif」で表示されます。

トラックバック

トラックバックURL: