Can I convert embedded base64 encode font to a font file?

Question

I have an @font-face rule, and its look like this:

@font-face{
    font-family:\'F\';
src:url(\"\") format(\"embedded-opentype\"),
url(data:application/x-font-wo         


        

Answer 1

1. Copy:

   data:application/x-font-woff;charset=utf-8;base64,d09GRgABAA ...ETC
   

2. Paste in your browsers address bar, press enter.

   - A save as window appear -
   

3. Choose a folder to save to (ex: mywebsite/fonts), filename: myfont.woff

   - you now have myfont.woff in a folder -
   

4. Include in css:

   @font-face {
      font-family: 'myfont';
      src: url('fonts/myfont.woff');
      font-weight: normal;
      font-style: normal;
   }
   

5. Add to a class:

   .headline {
   font-family: 'myfont', Helvetica, Arial, sans-serif;
   }
   

Done.