Ｐａｇｅ 175 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ ＩＮＤＥＸ ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼フォント もっくん 03/9/23(火) 15:06 ┗Re:フォントの指定方法 105 03/9/23(火) 19:08 ┗Re:フォントの指定方法 むむりく 03/9/24(水) 2:36 ┗Re:フォントの指定方法 105 03/9/24(水) 21:25 ─────────────────────────────────────── ■題名 ： フォント ■名前 ： もっくん ■日付 ： 03/9/23(火) 15:06 -------------------------------------------------------------------------
| ページのフォントを変えたいのですが、 ソースに何を加えればフォントを変えることができるのでしょうか？ |
| ▼もっくんさん： >ページのフォントを変えたいのですが、 >ソースに何を加えればフォントを変えることができるのでしょうか？ ページ全体のフォントを変えたい場合は <head>間に↓のCSSを入れてみましょう。 <style type="text/css"> <!-- body{font-family:"ＭＳ 明朝";} --> </style> 特定の文字だけ変更したい場合は HTMLの場合 <font face="ＭＳ 明朝">フォント変更テスト</font> CSSの場合 <span style="font-family:ＭＳ 明朝">フォント変更テスト </span> のように指定します。 特殊なフォント（自分のPCだけに入っているフォント）は 他の人には見えませんので注意です。 ちょっとしたページ作りの小技は他サイトさんで 細かい説明がありますのでリンク集からざっと目を 通しておくとよいですよ。 http://www.shoshinsha.com/hp/index.html |
| ちょっと内容に興味を持ったので、お邪魔します。 横レスすみません。 > <span style="font-family:ＭＳ 明朝">フォント変更テスト </span> 普段、スタイルシートを外付けにしているので全然気がつきませんでした。 空白を含むフォント名は引用符でくくらなければいけないのですが、 spanを使うときはどうするのでしょうね？ やはり、 <span style="font-family:'ＭＳ 明朝'">フォント変更テスト </span> という感じになるのでしょうか。 気になります。 それからこれは要らぬ補足ですが… CSSを使われるときは、head要素に次のmetaタグをいれましょう。 <meta http-equiv="Content-Style-Type" content="text/css"> |
| ▼むむりくさん： むむりさん、こんばんは。 >> <span style="font-family:ＭＳ 明朝">フォント変更テスト </span> > >普段、スタイルシートを外付けにしているので全然気がつきませんでした。 >空白を含むフォント名は引用符でくくらなければいけないのですが、 >spanを使うときはどうするのでしょうね？ ><span style="font-family:'ＭＳ 明朝'">フォント変更テスト </span> >という感じになるのでしょうか。 おぉ、するどいご指摘。言われてみればstyleで直接書く場合 フォント名の前で引用符""が使われているので フォント名前後のはどうするだということですよね。 ということで確認がてらに見てきました。 http://www.w3.org/TR/CSS2/fonts.html#font-specification 15.2.2 <family-name> ようするに空白を含むフォント名にはやはり引用符は 入おいたほうがよさそうですので、むむりさんの ><span style="font-family:'ＭＳ 明朝'">フォント変更テスト </span> が正解のようです。<family-name>の下の例文でも同じ使い方が されていますので間違いなさそうです。 >それからこれは要らぬ補足ですが… >CSSを使われるときは、head要素に次のmetaタグをいれましょう。 ><meta http-equiv="Content-Style-Type" content="text/css"> 十分必要な補足です。ありがとうございます。 デフォルトスタイルシートにCSSを利用しますという宣言ですので CSSを利用の際は入力しておきましょう。 ということで「1時間で〜」の解説も修正加筆します。 |