ブログのフォントの修飾をはずしたい：息子と一緒に Makers：So-netブログ

	ブログをはじめるログイン

ブログのフォントの修飾をはずしたい　[ソフト一般] [編集]

HTMLを使ってコンソールの表現をたびたびするのですが、ブログのテンプレートはフォントの修飾が定義されているので、そのまま書くといまいちコンソールっぽさが出ません。

普通に書くと、下記のような記述になります。

<table bgcolor="black" width="100%">
<tr><th>
<font color="white">
$ sudo apt-get update
</font>
</th></tr>
</table>

表示はこんな感じ。

$ sudo apt-get update

やはりフォントの修飾を消したくなりますよね。しかし、このフォントの修飾を消すのは意外と難儀な作業になります。テンプレートで定義されたCSSの内容を理解した上で消さないといけないからです。

私が使っているテンプレートの場合、"text-shadow" とフォントの "bold" が設定されているので、下記のように記述してキャンセルしてみました。

<table bgcolor="black" width="100%">
<tr><th>
<span style="text-shadow:none; font-weight:normal; color:white">
$ sudo apt-get update
</span>
</th></tr>
</table>

こんな感じになります。コンソールらしくなりました。