在CSS中重新制作徽标

Question

是否可以使用CSS重新制作此徽标，以便将其作为文本？

http://acquiremedia.com/templates/amc/images/icon/acquire-media.png

Answer 1

您可以执行以下操作：https://jsfiddle.net/b3jtc7v5/1/

<h1>acquire<span>media</span></h1>

CSS

h1 { 
    font-family:arial; 
    color:#000; 
    position:relative;
    display:inline-block;
}

h1 span { 
    color:lime; 
}

h1:before { 
    content:""; 
    position:absolute; 
    top:0; 
    left:75px;
    color:lime;
    width:10px;
    height:10px;
    background-color:lime;
    border-radius:50%;
}


h1 span:after { 
   content:""; 
    position:absolute; 
    top:0; 
    left:180px;
    width:10px;
    height:10px;
    background-color:black;
    border-radius:50%;
}

使用:before伪元素，我们可以添加一个小圆圈，并将其放在文本中的i上。