ＦＣ2ブログ タイトルの文字を装飾（ふち有・太文字・影）にしたい。

ＦＣ2ブログのテンプレートSoutherly（http://fc2information.blog.fc2.com/?share=45312& …）を使用しています。

タイトル文字を　太文字にして、影を付け、縁を付けたい。
影と縁の大きさと色を指定したい。

宜しくお願いします。

No.1 ベストアンサー 回答者： de_viant 回答日時： 2017/08/16 20:58

まず、ご存じかどうかわかりませんが、書体については見る人によって変わる可能性があります。

このテンプレートでは、ブログのタイトルに以下のフォントを指定しています。
'Playball', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'serif';
ただ、見ている人のパソコンにこれらの書体が無い場合は、ブラウザのデフォルトの書体が使われます。
あと、これから書くスタイルシートのコードについても新しいブラウザでは表示可能でしょうが、
対応していないブラウザもありますので、思ったような表示をすることができない可能性もあります。

まず、タイトルの文字はすでに太字になっています、
影については、スタイルシート編集で以下のようなコードがあります。

#blog-title a, #blog-title a:first-letter {
display: inline-block;
color: rgb(51,51,51); /* 注)ブログタイトルリンク色 Night Rider */
text-shadow: 8px 8px 1px rgba(51,51,51,.1);
}

ここの text-shadow: 8px 8px 1px rgba(51,51,51,.1); の部分が影の指示のコードです。
スペース区切りで<水平方向の距離> <垂直方向の距離> <影のぼかし半径> <影の色>です。
色については、ここではRGBで指定されています。これらの値を変更して調整してください。

縁については、上記のコードに以下を付けたしてください。

-webkit-text-stroke: 1px red;

1px が縁の太さ、red が色です。
こちらも、好きな設定で調整してみてください。
ただ、デフォルトのフォントサイズのままだと縁の太さによっては、
縁の色なのかフォントの色なのかわからなくなると思います。