WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:フォントフェイスをローマ字と日本語別々に指定

0:[投稿] 山城 [2003/05/21 13:55 ][環境:IE6,WIN2000 わからない]

タイトルの通りなのですが、例えばabcABCABCには明朝体、あいうえおにはゴシックのように、ローマ(英)字と日本語にそれぞれ別のフォントフェイスを指定する事ってできますか?
どなたかご存知、もしくは、そんな事はできないということをご存知の方、いらっしゃいましたら教えてください。
宜しくお願いいたします。


1:[回答] kyu [2003/05/21 16:09 ]

宜しければこれを参照してください

◆ font-family: family, family,... (C1/e3/N4)フォントを指定します。カンマ(,)で複数記述すると、指定したフォントが無ければ次のフォントが採用されます。スペースを含むフォントは "Times New Roman" のように "..." か '...' で囲みます。CSS1 では serif, sans-serif, cursive, fantasy, monospace が定義されています。CSS2 では inherit(継承)がサポートされています。

Windows だと、"MS ゴシック", "MS 明朝", "MS Pゴシック", "MS P明朝" あたりが一般的です。P がつくのはプロポーショナルフォントです。Macintosh では "Osaka"、"細明朝体"、"平成角ゴシック" などのフォントがあります。→ フォントの例

Netscape 4.* では、<font face="..."> 同様、フォントの指定はうまくいかないことが多いようです。

BODY, TH, TD { font-family: 'MS ゴシック'; }

http://tohoho.wakusei.ne.jp/html/font.htm


2:[回答] 平野 敬 [MAIL] [URL] [2003/05/21 18:41 ]

>>0
できます。
たとえば以下のソースをNetscape7で表示させてみてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang="ja">
    <head>
        <title>テスト</title>
        <style type="text/css"><!--
            [lang="en"]{font-family:"Times",serif}
            body,[lang="ja"]{font-family:"MS Pゴシック",sans-serif}
        --></style>
    </head>
    <body>
        <h1 lang="en">Font Test</h1>
        <p>
            <em lang="en">Font-Family</em> をテストしてみます。
            <em lang="en">Phrases written in English</em> はセリフ(ヒゲ付き文字)で、
            <em>ひらがなや漢字</em>はゴシックで表示されるはずです。
        </p>
    </body>
</html>

IE5/6は属性セレクタに対応していないため上ではうまくいきませんが、class付けしていくことで対処できます(スマートさに欠けますが)。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World