質問: html中でアウトラインフォントを使用する方法の質問 自分のホームページを作成するために教えていただきたくおもいます。 数年前から多くのホームページでアウトラインフォント? で見れることが多くなりました。特に、きれいだなと感じるのは、見出しのhxタグ(h1 h2 h3・・・など)に含める文字です。 ギザギザの文字では品質がいまいちです。 私も綺麗なギザギザのない文字でホームページを作成したいとおもいますが、画像で作成するよりも出来れば、テキスト文字のフォント指定でできればいいなあと思っています。 そこで質問なのですが、綺麗なギザギザのないフォントで表示させる方法を教えていただきたくよろしくお願いします。 疑問点は、あれらは、一般的には、 pc内臓のフォントによるのか?それともサーバーにおいてあるのか? フォントの指定はどうやっているのか? ヘッド内の指定方法は? cssでの指定でやるのか? それとも他の方法なのか? xhtml1.1でも出来るのか? などです。 実際のやり方のポイントを教えていただけますと助かります。 よろしくお願いします。
回答: 表示は、最終的にはその表示している環境(ブラウザ、os、pc/スマホ等と、それぞれの設定)に依存します。 制作者が「滑かな文字で」と意図して作っても、誰でもその通りに表示されるとは限りません。 最近では、webフォントと言って、web上にあるフォントを使う、という方法もあります。 ただ、その分データ量が増えるので、使わないように設定している場合があります。 多くは、pcやスマホにインストールされているフォントを使っています。 インストールされていなければ、代りのフォントが使われます。 web側でフォントを指定するには、スタイルシートを使います。 過去には、htmlのfontタグもありましたが、現在は使いません。 ユーザー側では、ブラウザの設定でフォントを変えることができます。 また、ユーザー側が用意したスタイルシートをwebの指定より優先的に使うようにすることもできます。 windowsではmsゴシックやms明朝が標準で使われるようになっていると思います。 これらのフォントにはビットマップフォントという、あなたの言う「ギザギザ」の文字が埋め込まれていて、特定のフォントサイズでは、こちらの「ギザギザ」が優先的に使われます。 ※ これはこれでメリットもあるのですが。 h1タグ等は大きめな文字になっていることが多く、そのため、msゴシックにしていてもビットマップフォントではなく滑かな方が使われます。 ブラウザの設定で、フォントを変えるだけで「ギザギザ」ではなくなります。