css - WordPress 标志编辑

Question

客户希望 Logo 是字体而不是图像。 Logo 有 2 种不同颜色和 2 种不同字体的问题。

例如，第一个词是 !mpact，他们使用的是 Impact 字体。这 !是红色的，冲击是白色的。标识第二个字为宋体。

我可以使用 css 将 .logo 类编辑为所有 Impact 字体和一种颜色，但我怎样才能实现他们所要求的一切。

这是我当前的代码。

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

Answer 1

你可以使用 span 标签来做这样的事情

删除你之前拥有的并放入:

<!-- [ 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 -->

一定要用你的第二个词替换“(第二个词)”