0

クライアントは、ロゴを画像ではなくフォントにしたいと考えています。ロゴに 2 つの異なる色と 2 つの異なるフォントがある問題。

たとえば、最初の単語は !mpact で、Impact フォントを使用しています。ザ！は赤色、mpact は白色です。ロゴの 2 番目の単語は、arial フォントです。

css を使用して .logo クラスを編集し、すべて Impact フォントと 1 つの色にすることはできますが、彼らが求めていることをすべて達成するにはどうすればよいでしょうか。

これが私の現在のコードです。

.logo {
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    color: #FFFFFF;
    font-size: 28px;
}
4

2 に答える 2

0

そのようなことを行うためにスパンタグを使用できます

以前に持っていたものを削除して、これを入れます：

<!-- [ wrapper ] start -->
    <style type="text/css">    

          #first {
                color:red;
          }

          #second {
                color:white;
          }

          #third {
                font-family:arial;
          }

          .logo {
            font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
            color: #FFFFFF;
            font-size: 28px;
          }

          </style>
<div class="wrapper">
            <span id="first">!</span><span id="second">mpact</span> <span id="third">(second
            word)</span>
</div>
<!-- [ wrapper ] end -->

「(2 番目の単語)」を 2 番目の単語に置き換えてください

于 2013-07-07T04:42:33.333 に答える
0

ここに実用的な答えがあります 

<style type="text/css">    
      #first {
            color:red;
      }

      #second {
            color:white;
      }

      #third {
            color:red;
            font-size:14px;
      }

      .logo {
        font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
        color: #FFFFFF;
        font-size: 38px;
      }

      body {
background-color: #071425;
}
</style>

<div class="logo">
   <span id="first">!</span><span id="second">mpact</span><br /><span id="third">Advisory Group LLC</span>
</div>
于 2013-07-08T00:25:33.430 に答える