Y클로버체

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

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

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

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

## 폰트 정보
- 폰트 이름: Y클로버체
- 영문 이름: YClover-Bold
- 제작사: (주)케이티
- 카테고리: gothic
- 언어: 한국어
- 사용 가능 굵기: 400, 700
- 라이선스: Free
- 무드: Modern, Cool, Minimal
- 스타일: 기본 고딕, 꽉찬 고딕, 제목용, 본문용, 두꺼운

## 적용 방법

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

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

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

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

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

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

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