2

Web ページのフォントの外観をArialから選択した他のフォント フェイスに変更できるスクリプトを考えています。

どうすればいいですか？

理解します：* { font-family: "SomeFont"; }

しかし、これでは、 Arialテキストのみをターゲットにするという目的は達成されません。

jQuery または Javascript のうち、より効率的で高速な方を使用できます。

編集：人々は質問を理解するのが難しいようです. Web ページにArialテキストが存在する場合は、外観を変更したいだけです。

4

2 に答える 2

1

@font-face を使用して Arial のみを変更することができます。

css への最初のリンク:

  <link rel="stylesheet" href="/css/fonts/luxi-Sans-fontfacekit/stylesheet.css" type="text/css" charset="utf-8" />

次に、CSS で Arial とは何かを絞り込みます。

 @font-face {
    font-family: 'Arial';
    src: url('luxisr-webfont.eot');
    src: url('luxisr-webfont.eot?#iefix') format('embedded-opentype'),
        url('luxisr-webfont.woff') format('woff'),
        url('luxisr-webfont.ttf') format('truetype'),
        url('luxisr-webfont.svg#LuxiSansRegular') format('svg');
   font-weight: normal;
   font-style: normal;
}


@font-face {
    font-family: 'Arial';
   src: url('luxisb-webfont.eot');
   src: url('luxisb-webfont.eot?#iefix') format('embedded-opentype'),
        url('luxisb-webfont.woff') format('woff'),
        url('luxisb-webfont.ttf') format('truetype'),
        url('luxisb-webfont.svg#LuxiSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

Arial のみが変更されます (私の例では Luxi Sans に変更されます)。他のすべてのフォントは通常どおりです。

于 2013-05-05T05:31:50.723 に答える