Невозможно включить шрифт EOT, закодированный base64, для встроенного CSS - PullRequest
Новая
       27

Невозможно включить шрифт EOT, закодированный base64, для встроенного CSS

0 голосов
/ 10 января 2019

Мне нужно включить шрифт Roboto Condensed в формате .EOT для IE 7 в мой встроенный CSS в один файл HTML после кодирования шрифта с помощью base64.

Итак, сначала я закодировал шрифт с помощью PHP-кода 

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

И я получил 

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

Затем я пытаюсь включить шрифт следующим образом: 

<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

Но шрифт не загружается. Однако, если я включу его с 

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

успешно загружено

Я пробовал также 

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

как упомянуто по ссылке Font-face как base64 с отступлениями , но без успеха

...