동글

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

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

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

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

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

## 폰트 정보
- 폰트 이름: 동글
- 영문 이름: Dongle-Regular
- 제작사: 류양희
- 카테고리: handwriting
- 언어: 한국어
- 사용 가능 굵기: 300, 500, 700
- 라이선스: Free
- 무드: Playful, Casual, Warm
- 스타일: 둥근 고딕, 제목용, 동글동글, 귀여운

## 적용 방법

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

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

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

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

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

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

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

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