タグはムズい

昨日の日記で「Adobe InDesign CS2 4.0.5 から PDF/X-1a:2001 で書き出したところ」をTTT Editorで<a href="http://d.hatena.ne.jp/caneneco/20080425/1209100572"><font size="+1" color="chocolate" face="@HGS創英角ﾎﾟｯﾌﾟ体">Adobe InDesign CS2 4.0.5 から PDF/X-1a:2001 で書き出したところ</font></a>と書いたら
Adobe InDesign CS2 4.0.5 から PDF/X-1a:2001 で書き出したところ
こんな風に表示されてしまった。

しかたないので初心者にもやさしい 簡単HTML作成で作成して修正。修正タグは以下の通り。
<a href="http://d.hatena.ne.jp/caneneco/20080425/1209100572" target="_blank" style="font-family:'HGP創英角ﾎﾟｯﾌﾟ体',Arial,'ＭＳ Ｐゴシック',Osaka,sans-serif;color:#FFB533;font-size:120%;">Adobe InDesign CS2 4.0.5 から PDF/X-1a:2001 で書き出したところ</a>

書き方が悪いことは確かなのだが、なぜ和文が回転したのかは勉強を始めたばかりで分からない。
ちなみにa hrefはanchor hypertext reference リンク先参照の意。

Webサイトやblogは見る側の環境依存になってくるだけに使用フォントは共通の方がデザインは崩れない。

CSSであまり使われていないが使った方がいいフォント8選

・Palatino Linotype / Palatino（WINDOWS 97.09% / MAC 78.86%）
・Tahoma（WINDOWS 96.09% / MAC 72.02%）
・Impact（WINDOWS 95.85% / MAC 88.08%）
・Century Gothic（WINDOWS 85.44% / MAC 42.50%）
・Arial Black（WINDOWS 97.73% / MAC 96.18%）
・Arial Narrow（WINDOWS 87.08% / MAC 91.01%）

Century GothicはMACが42.50%なだけに？がつくが、メイリオもMacで使えるだけに和文はメイリオ指定の方がいいのかもしれない。と思いつつも、このblogの本文のフォント指定に和文が出てこない。