css - Font-face as base64 with fallbacks -


following threat i´d include fontface follows:

@font-face {   font-family: 'mywebfont';   src: url('webfont.eot');    src: url('webfont.eot?#iefix') format('embedded-opentype'),         url('webfont.woff2') format('woff2'),         url('webfont.woff') format('woff'),         url('webfont.ttf')  format('truetype'),        url('webfont.svg#svgfontname') format('svg');  } 

but instead of loading files filesystem filecontent coming database base64 string. question have add base64 string each format (woff,woff2,svg,eot,ttf)? like:

url(data:application/font-woff;charset=utf-8;base64,d09gmgaba…  url(data:application/font-woff2;charset=utf-8;base64,d09gmgaba…  url(data:application/x-font-truetype;charset=utf-8;base64,,d09gmgaba…  url(data:image/svg+xml;charset=utf-8;base648;base64,,d09gmgaba…  url(data:application/vnd.ms-fontobject;charset=utf-8;base64,d09gmgaba…  

i´m asking because when looking @ fontsquirrels generated base64 generated stylesheets provide 1 base64 others local files.

base64 works ttf-format.

example:

    @font-face {         font-family: "customfont";         src:        url(data:font/truetype;charset=utf8;base64,aaeaaaaqaqaabaaat...) format("truetype");     } 

Comments