css - 有没有办法通过两个 @font-face 声明使用相同的 base64 数据 URI？

Question

我有一个带有 @font-face 声明的 CSS 文件。相应的字体在声明中存储为 base64 编码的 WOFF。出于您必须相信的原因是好的原因，我想创建多个指向同一个 base64 WOFF 的 @font-face 声明（这意味着，无需在 CSS 文件中复制它，也不会将其移动到外部文件.)

可以做到吗？如果是这样，怎么做？

score 1 · Accepted Answer

1

进一步的研究提出了一个简单的答案：这是不可能的。

于 2013-12-20T03:12:52.280 回答

score 0 · Accepted Answer

纯 CSS 没有指针。

看看 SASS 或 LESS，它们是 CSS 的预编译器。

它们允许（除其他外）使用变量：

@b64woff: url("data:font/opentype;base64,AAEAAAATAQAABAAwR1BPU7iiypwABG5IAA...");

@font-face {
    font-family: 'YourFont';
    src: @b64woff;
}

事实上，当 LESS 或 SASS 编译您的代码时，它会将的每个实例替换@b64woff为其值。

2 回答 2