解決済
タイトルの書体の変更
ちょっとカスタマしてたら何だか変になってきましたぁ。TOPページ
のタイトルの書体とカテゴリーページ・個別ページのタイトルの書体が違い明らかに変です。(笑)
カテゴリーページ
個別ページ
SEO上、画像にするにはちょっと難しい?ようですので、どうかおしゃれな?最低でも同様な書体にしたいのですが、どうやってやったら良いのか、思案中です。
よろしくお願いします。<(_ _)>
回答(1)
1.

<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はアルファベットだけしか持っていないフォントなので、日本語タイトルには適用されていません。
コメント欄の記述を試したみました。
バッチグー(死後 笑)でしたぁ、本当にありがとうございます。
小骨が取れた心境です。(*^-^)
コメント(3)
回答ありがとうございます<(_ _)>
>今は、font-familyとして「verdana またはarial または sans-serif」が指定されていますが、ここを表示させたいフォントに変更すれば、タイトルのフォントを変えることができます。ちなみに、verdanaやarialはアルファベットだけしか持っていないフォントなので、日本語タイトルには適用されていません。
とありますが、ということは『sans-serif』しかダメと言う事でしょうか?タグはSEO上あまりいじりたくないので困ってます。トホホ。。。
htmlファイルをいじらないで、フォントの見た目を統一するには、cssファイルで、
.blogtitle{
の設定項目の中に1行追加するだけでもOKです。追加するのは、Topページ以外のように細い字にしたいなら、font-weight: normal;Topページのような太い字にしたいなら、
font-weight: bold;のどちらかを追加すればよいです。これにより,h1でboldになった設定を、更に強制的に変更できるはずです。
「sans-serif」というのは、実際にはそういう名前のフォントがあるわけではなく、ページを見る人が、自分のブラウザの設定で「サンセリフ系(ゴシック体)の標準フォント」に指定しているフォントで表示する、という、ユーザに優しい設定です。
現在のフォント設定の意味は、「もしverdanaがあればverdanaで表示、なければarialで、それもなければ、あなたのブラウザの標準フォントを使ってね!」という意味です。ですからverdanaとarialが無効になってもぜんぜん問題ないです。実際問題として、Windowsの場合、たいていの人がMS Pゴシックなどで表示していることになるでしょう。それって,ぜんぜん悪いことではないですよね。
仮に、どうしても使いたいフォントがあれば、verdanaとArialを消して、sans-serifの前に入れればOKです。そうしておけば、その指定フォントがない環境の人も、従来どおり、その人の設定した「sans-serif」で表示されます。

