Can't include EOT font encoded by base64 to inline CSS

668 Views Asked by At

I need to include the Roboto Condensed font in .EOT format for IE 7 within my inline CSS in one HTML file after encoding of the font by base64.

So first I've encoded the font by PHP code

<?php
$base64 = base64_encode(file_get_contents('roboto-condensed.eot'));
file_put_contents('base64_version.txt', $base64);
?>

And I got

DGMAA...........mAskA

Then I try to include the font as following:

<style>
@font-face{
font-family:'Roboto Condensed';
src:url('data:application/x-font-eot;base64,DGMAA...........mAskA') format('embedded-opentype');
}
body{
font-family:'Roboto Condensed';
}
</style>

Some text

But the font is not being loaded. However if I include it with

src:url('roboto-condensed.eot');

it's loaded successfully

I've tried also

src:url('data:application/vnd.ms-fontobject;charset=utf-8;base64,DGMAA...........mAskA') format('embedded-opentype'));

as mentioned by the link Font-face as base64 with fallbacks but without success

0

There are 0 best solutions below