title: How To Apply A Font-Face Icon Into A Submit Button
body: <p>i have the code for inputting font-face icons and it is working very properly but only into , , <p> or  tags. when i try to use font-faces icons into form buttons (eg. image buttons, submit buttons, reset buttons...) it doesn't show.</p>
  
  <p>hege goes the css code:</p>
  
  <pre><code>@font-face {
      font-family: "Flaticon";
      src: url("flaticon.eot");
      src: url("flaticon.eot#iefix") format("embedded-opentype"),
      url("flaticon.woff") format("woff"),
      url("flaticon.ttf") format("truetype"),
      url("flaticon.svg") format("svg");
      font-weight: normal;
      font-style: normal;
  }
  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
      font-family: Flaticon;
          font-size: 20px;
  font-style: normal;
  margin-left: 20px;
  }.flaticon-delete13:before {
      content: "\e000";
  }
  </code></pre>
  
  <p>and here goes the html snippet code that works fine:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="glyph-icon flaticon-delete13"&gt;&lt;/div&gt;        
  &lt;/body&gt;
  </code></pre>
  
  <p>this is the link that goes into the header:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="flaticon.css"&gt;
  </code></pre>
  
  <p>i want to put this font-face icon into a form button (eg. submit button) along with a text. for instance: an icon "cross" along with the text "Add".</p>
  
  <p>thanks in advance.</p>