我有@ font-face聲明的CSS文件。相應的字體在聲明中以base64編碼的WOFF存儲。由於你必須信任的理由是好的,我想創建多個@ font-face聲明,它們指向相同的base64 WOFF(也就是說,不需要在CSS文件中複製它,也不要將它移動到外部文件)有沒有辦法使用兩個@ font-face聲明使用相同的base64數據URI?
可以這樣做嗎?如果是這樣,怎麼樣?
我有@ font-face聲明的CSS文件。相應的字體在聲明中以base64編碼的WOFF存儲。由於你必須信任的理由是好的,我想創建多個@ font-face聲明,它們指向相同的base64 WOFF(也就是說,不需要在CSS文件中複製它,也不要將它移動到外部文件)有沒有辦法使用兩個@ font-face聲明使用相同的base64數據URI?
可以這樣做嗎?如果是這樣,怎麼樣?
進一步的研究表明一個簡單的答案:它不能做到。
純粹的CSS沒有指針。
查看SASS或LESS,它們是CSS的預編譯器。
他們允許使用的變量(除其他東西):
@b64woff: url("data:font/opentype;base64,AAEAAAATAQAABAAwR1BPU7iiypwABG5IAA...");
@font-face {
font-family: 'YourFont';
src: @b64woff;
}
事實上,當小於或SASS將編譯代碼,它將替換的@b64woff
每個實例有它的價值。
謝謝,但我不想隱瞞數據的重複(使用預處理器)。我想消除它。 –