title: CSS 3 Text Shadow with Outline
body: <p>I have font called MyriadPro-BoldIt, I used that on photoshop to create a text design like below.</p>
  
  <p><img src="https://i.stack.imgur.com/7rW5m.png" alt=""></p>
  
  <p>I tried to add this style using css by adding below codes to the same font which I converted to web fonts before</p>
  
  <pre><code>-webkit-text-stroke: 1px black;
  color: white;
  text-shadow:3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
  </code></pre>
  
  <p>but it is not giving same results. Anyone knows how to create this kind of letters using css?</p>