0

1 つの a href で 2 つの異なるフォント ファミリーを使用して CSS でロゴを作成したい

例えば

<style>
    a#logo{
        "LogoWith" - font-family:sans;
        "TwoFontFamilies" - font-family:Ariel;
    }

</style>

<a id="logo" href="#">LogoWithTwoFontFamilies</a>

私が書いたCSSが間違っていることはわかっています。1 つの文字列に 2 つの異なるフォント ファミリを適用する解決策が見つからないようです。

4

1 に答える 1

5

aタグの途中でスパンを使用するだけです。

<style>
   a#logo .oneFont { font-family: sans-serif; }
   a#logo .twoFont { font-family: Arial; }
   a#logo .redFont { color: red; }
   a#logo .blueFont { color: blue; }
</style>

<a id="logo" href="#">
    <span class="oneFont">LogoWith</span>
    <span class="twoFont">TwoFontFamilies</span>
    <span class="redFont">AsManyAsYou</span>
    <span class="blueFont">WantToUse</span>
</a>
于 2012-11-14T13:25:57.030 に答える