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