0

在通过 base64 对字体进行编码后，我需要在我的内联 CSS 中的一个 HTML 文件中包含 .EOT 格式的 IE 7 的 Roboto Condensed 字体。

所以首先我用 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 as base64 中提到的，有后备但没有成功

4

0 回答 0