Css golden text trick

------------------
html
-------------------
<div>
    <span>GOLDEN TEXT</span>
</div>



--------------------
css
-----------------------
body {
margin: 0;
padding: 0;
}

div {
    background: black;
padding: 20px;
}

span {
    color: white;
    text-shadow: 3px 3px 8px #BF7F00, -3px -3px 8px #BF7F00;
    font-size: 80px;
    font-family: Arial;
}

Common Unicode Icons

a[href^="mailto:"]:before { content: "\2709"; }
.phone:before             { content: "\2706"; }
.important:before         { content: "\27BD"; }
blockquote:before         { content: "\275D"; }
blockquote:after          { content: "\275E"; }
.alert:before             { content: "\26A0"; }

<p>
  <a href="mailto:chriscoyier@gmail.com">
    chriscoyier@gmail.com
  </a>
</p>

<p class="phone">
    555-555-5555
</p>

<p class="important">
  REMEMBER: drink slushies too fast.
</p>

<blockquote>
   Designers tend to whisper, ad agencies tend to shout.
</blockquote>

<p class="alert">
   Stranger Danger!
<p>

Source: css-tricks.com