Есть ли способ использовать один и тот же базовый URI-код базы данных с двумя объявлениями @ font-face?

Question

У меня есть файл CSS с @ font-face объявлениями. Соответствующие шрифты хранятся в формате WOFF в кодировке base64 в объявлениях. По причинам, которые вам нужно доверять, хороши, я хотел бы создать несколько объявлений @ font-face, которые указывают на тот же base64 WOFF (что означает, не дублируя его в файле CSS и не перемещая его во внешний файл .)

Можно ли это сделать? Если да, то как?

Answer 1

Дальнейшие исследования предлагают простой ответ: это невозможно.

Answer 2

Чистый CSS не имеет указателей.

Посмотрите на SASS или LESS, которые являются предварительными компиляторами для CSS.

Они позволяют (среди других вещей) использование переменных:

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

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

В самом деле, когда МЕНЬШЕ или SASS будет компилировать код, он будет заменять каждый экземпляр @b64woff с его значением.