メッセージボードの使い方⑤効果的なフォント変更 | Webであなたの夢が叶う!

Webであなたの夢が叶う!

Webを活用して一歩ずつ「夢」に近づきませんか?
みなさんのサポートブログです。    

☆*・カフェビバーチェ。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00~15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に!
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。


少人数グループのイベント会場としてもご活用くださいね。
☆*・゜゚・*:.。..。.:*・☆・*:.。. .。.:*・゜゚・*☆*・゜゚・*:.。..。.:*・☆

こんにちは。
Webであなたの夢が叶う!のHirokoです。

引き続き
メッセージボードについてお伝えします。

今日は、効果的なフォント変更
 ・取り消し線
 ・斜線
 ・上付き文字、下付き文字
についてです。

本文の内容は次のようになっていますね。

いつもブログを読んでくださってありがとうございます。
1月ももうわずかですね
26日、27日  宝塚  終了
2月のスケジュールは
2日、3日  大阪  残席わずか
4日、5  東京  残席わずか
14日、15日  滋賀  募集中
16日、17日  神戸  募集中
21日、22日  大阪  募集中
25日~28日  沖縄  受付終了
となっています。
お問い合わせ、ご予約は xxxxx@sample.com までお願いします。

ではこれを効果的なフォントに変更していきましょう。

①1月26日、27日は終了したので全体に「取り消し線」を引きます。
<s><font face="MS P明朝">26日、27日</font>宝塚 終了</s>

②2月25日~28日は受付終了したので「斜体」にします。
<font face="MS Pゴシック"><i>25日~28日</i></font> 沖縄  <font color="#008000">受付終了</font>

③お問い合わせを「上付き文字」にします。
<sup>お問い合わせ</sup>

④ご予約を「下付き文字」にします。
<sup>ご予約</sup>

これを公開すると。。

表示が変わると、見やすくなりますね。
明日は、メッセージボードのまとめ、
 ・文字色のバリエーション
 ・フォントの種類
 ・お問い合わせの仕上げ
についてです。

お楽しみに。。。

今日も最後まで読んでいただいてありがとうございました。