title: html; load custom fonts with base64
body: <p>I can load fonts from server. but it's not proper way. 
  How can I load fonts with base 64?
  i used this my css file</p>
  
  <pre><code>          @font-face {&lt;br&gt;
              font-family: 'MyFontFamily';&lt;br&gt;
              src: url(data:font/ttf;charset=utf-8;base64,data_base64);&lt;br&gt;
          }&lt;br&gt;
  
  
  
      .t{&lt;br&gt;
          font-family: "MyFontFamily";&lt;br&gt;
          background-color: red;&lt;br&gt;
      }
  </code></pre>
  
  <p>this is my html page</p>
  
  <pre><code>`&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
        &lt;link rel="stylesheet" type="text/css" href="style2.css"&gt; 
      &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;p class = 't'&gt;test&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;`
  </code></pre>