CSS @font-face 선언에 속성이 없습니다.

CSS font-face declaration has no attributes.

 

이 오류는 CSS 파일에 글꼴(폰트)을 포함시키기 위한 @font-face 규칙이 선언되었지만, 그 내용이 비어있다는 의미입니다.

@font-face는 EPUB에 사용자 정의 글꼴을 포함시킬 때 사용하는 필수적인 코드 블록입니다. 하지만 내용이 비어있으면, 어떤 글꼴을 어떻게 불러와야 할지 알 수 없어 오류가 발생합니다.

이는 내용물이 무엇인지, 이름이 무엇인지 적혀있지 않은 텅 빈 라벨과 같습니다. 🏷️

---

## @font-face의 필수 속성

유효한 @font-face 규칙이 되려면 최소한 다음 두 가지 정보(속성)가 반드시 포함되어야 합니다.

• font-family: 포함시킬 글꼴에 붙여줄 이름입니다. 나중에 CSS의 다른 부분에서 이 이름을 사용하여 글꼴을 적용합니다.
• src: 불러올 실제 글꼴 파일의 경로와 파일명입니다.

---

## 해결 방법

두 가지 방법 중 하나를 선택하여 해결할 수 있습니다.

1. 규칙 완성하기 만약 사용자 정의 글꼴을 포함시키려던 것이 맞다면, 비어있는 @font-face 블록 안에 필수 속성인 font-family와 src를 추가하여 규칙을 완성해야 합니다.

• 오류가 발생하는 코드:
• CSS

   

  @font-face {
  }
  

• 올바르게 수정한 코드: ✅
• CSS

   

  @font-face {
    font-family: "NanumMyeongjo";
    src: url("../fonts/NanumMyeongjo.woff2");
  }
  

2. 불필요한 코드 삭제하기 만약 @font-face 규칙이 필요 없다면 (예: 이전에 사용했다가 지운 흔적이거나, 템플릿에 포함된 불필요한 코드), @font-face { } 코드 블록 전체를 삭제하는 것이 가장 좋습니다.