빛의계승자체

아래 폰트 정보를 참고하여 웹페이지에 적용해주세요.

## Quick Apply
```css
/* 2종 굵기 전체 등록 */
@font-face {
  font-family: 'HeirofLightBold';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/decorative/HeirofLightBold/400.woff') format('woff2');
}

@font-face {
  font-family: 'HeirofLightBold';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/decorative/HeirofLightBold/700.woff') format('woff2');
}

.target { font-family: 'HeirofLightBold', sans-serif; font-weight: 400; }
```

## 폰트 정보
- 폰트 이름: 빛의계승자체
- 영문 이름: HeirofLightBold
- 제작사: 펀플로X산돌
- 카테고리: decorative
- 언어: 한국어
- 사용 가능 굵기: 400, 700
- 라이선스: Free
- 무드: Intense, Cool, Futuristic, Luxury
- 스타일: 기본 고딕, 제목용, 두꺼운, 독특한, 판타지

## 적용 방법

### 1. CSS @font-face (권장 — 굵기별 개별 로딩)
```css
/* 2종 굵기 개별 로딩 (@font-face) */
@font-face {
  font-family: 'HeirofLightBold';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/decorative/HeirofLightBold/400.woff') format('woff2');
}

@font-face {
  font-family: 'HeirofLightBold';
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/decorative/HeirofLightBold/700.woff') format('woff2');
}
```

### 2. HTML preload (빠른 로딩)
```html
<!-- 400 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/decorative/HeirofLightBold/400.woff" as="font" type="font/woff2" crossorigin />
<!-- 700 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/decorative/HeirofLightBold/700.woff" as="font" type="font/woff2" crossorigin />
```

### 3. 굵기별 사용
```css
/* 사용 가능한 굵기: 400, 700 */
.thin    { font-family: 'HeirofLightBold', sans-serif; font-weight: 100; }
.regular { font-family: 'HeirofLightBold', sans-serif; font-weight: 400; }
.bold    { font-family: 'HeirofLightBold', sans-serif; font-weight: 700; }
.black   { font-family: 'HeirofLightBold', sans-serif; font-weight: 900; }
```

### 4. Tailwind CSS 설정 (tailwind.config)
```js
// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      fontFamily: {
        custom: ['"HeirofLightBold"', 'sans-serif'],
      },
    },
  },
}
```

### 5. 사용 예시
```html
<h1 style="font-family: 'HeirofLightBold', sans-serif; font-weight: 700;">
  제목 텍스트
</h1>
```

### 6. React/Next.js
```tsx
<p style={{ fontFamily: '"HeirofLightBold", sans-serif', fontWeight: 700 }}>
  텍스트
</p>
```