Css 有没有办法嵌入@font-face的src？

我不想在CSS中引用其他文件

我正试图找到一种方法将字体文件嵌入到我的CSS中（TTF、EOT、WOFF）。 我知道有一种方法可以嵌入图像，例如：

background-image: url("data:image/png;base64, +IDx4OnhtcG1ldG…+kJggg==");

---

有没有办法对

@font-face

的src值执行相同的操作？

您可以使用base64执行此操作：

@font-face {
    font-family: 'latoregular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAHwwABMAAAAA4IwAAQAAAAAAAAAAA[...]) format('woff'),
    url('lato-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

---

您可以在

中生成base64字体请记住，您不能为IE8及以下版本生成base64 EOT文件。Caniuse报告“Internet Explorer 8中的支持仅限于图像和链接资源，如CSS文件，而不是HTML文件。”@user1511864，没有问题。如果对你有效，请把我的答案标记为正确；）。