2 개의 @ font-face 선언과 동일한 base64 데이터 URI를 사용하는 방법이 있습니까?

Question

@ font-face 선언이있는 CSS 파일이 있습니다. 해당 글꼴은 선언 내에서 base64로 인코딩 된 WOFF로 저장됩니다. 당신이 신뢰해야하는 이유는 좋은 것들이다. 나는 같은 base64 WOFF를 가리키는 여러 개의 @ font-face 선언을 만들고 싶다. (의미는 CSS 파일 내에서 복사하지 않고 외부 파일 .)

할 수 있습니까? 그렇다면 어떻게?

Answer 1

추가 연구는 간단한 대답을 제시합니다.

Answer 2

순수한 CSS에는 포인터가 없습니다.

CSS의 사전 컴파일러 인 SASS 또는 LESS를 살펴보십시오.

그들은 변수의 사용 (다른 것들의 사이) 수 : LESS 나 SASS 코드를 컴파일 할 때

사실

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

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

는, 그것의 값 @b64woff의 모든 인스턴스를 대체합니다.