title: How to use FontAwesome Icon on TinyMCE?
body: <p>I know a way to fontsize-change implement like this.</p>
  
  <pre><code>&lt;script type="text/javascript" src="/js/tinymce/tinymce.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      tinymce.init({
          selector : 'textarea',
          toolbar  : 'fontsizeselect',
      });
  &lt;/script&gt;
  
  &lt;textarea name="aaa"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>That generate text menu</p>
  
  <pre><code>&lt;span class="mce-txt"&gt;Font Sizes&lt;/span&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/4tcUT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4tcUT.png" alt="enter image description here"></a></p>
  
  <p>But I dont like it. I wanna change this text to icon like this.</p>
  
  <p><a href="https://i.stack.imgur.com/C3Zu4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C3Zu4.png" alt="enter image description here"></a></p>
  
  <p>I have been searched tinymce all icon, but there are no font-icon.</p>
  
  <p><a href="https://i.stack.imgur.com/gnsLT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gnsLT.png" alt="enter image description here"></a></p>
  
  <p>So I think this solution is use FontAwesome.</p>
  
  <pre><code>&lt;link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"&gt;
  &lt;style type="text/css"&gt;
      span.mce-txt:before {
          content: "\f301";
          font-family: FontAwesome;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>But that is not show. just display "." only.</p>
  
  <p>How can I use FontAwesome Icon?</p>