title: ionic font size won't apply for icon
body: <p>I'm trying to make the icons for my header smaller. by using this css code:</p>
  
  <pre><code>i.ion-ios7-arrow-forward {
  font-size: 10% !important;
  color: red;
  </code></pre>
  
  <p>}</p>
  
  <p>however only the red color applies. I tried it with and without the !important. I tried using px and %. The red always stayed put the size never changed. </p>
  
  <p>This it the icon I want smaller:</p>
  
  <pre><code>&lt;button class="button button-clear button-light  "&gt;&lt;i class="icon ion-ios7-arrow-forward"&gt;&lt;/i&gt; Redo&lt;/button&gt;
  </code></pre>
  
  <p>Here is a screenshot of the Dev-Tool:</p>
  
  <p><a href="https://i.stack.imgur.com/VBXdb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VBXdb.png" alt="screenshot of the Dev-Tool"></a></p>