에이투지체

오토노머스에이투지 X 이주임 · 에이투지체-7Bold · 9 weights

ModernFuturisticIntenseCoolBasic GothicThickTitleBody

Size30px

오늘 밤, 별이 바람에 스치운다

Size preview

14px

오늘 밤, 별이 바람에 스치운다

18px

오늘 밤, 별이 바람에 스치운다

24px

오늘 밤, 별이 바람에 스치운다

36px

오늘 밤, 별이 바람에 스치운다

48px

오늘 밤, 별이 바람에 스치운다

Weight preview · 9 weights

100 Thin

오늘 밤, 별이 바람에 스치운다

200 ExtraLight

오늘 밤, 별이 바람에 스치운다

300 Light

오늘 밤, 별이 바람에 스치운다

400 Regular

오늘 밤, 별이 바람에 스치운다

500 Medium

오늘 밤, 별이 바람에 스치운다

600 SemiBold

오늘 밤, 별이 바람에 스치운다

700 Bold

오늘 밤, 별이 바람에 스치운다

800 ExtraBold

오늘 밤, 별이 바람에 스치운다

900 Black

오늘 밤, 별이 바람에 스치운다

Latin / Numbers / Special characters

The quick brown fox jumps over the lazy dog

0123456789 !@#$%^&*()

Similar Fonts

가나다라 마바사

플라이트 산스

제주항공

99% similar

가나다라 마바사

플라이트 산스 Title

제주항공

99% similar

가나다라 마바사

세방고딕

세방그룹

99% similar

가나다라 마바사

와일드

네이버

99% similar

가나다라 마바사

펴진고딕

서지환 (엔파피)

99% similar

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

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

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 200;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/200.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/300.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/400.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/500.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/600.woff2') format('woff2');
}

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

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 800;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/800.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/900.woff2') format('woff2');
}

.target { font-family: '에이투지체-7Bold', sans-serif; font-weight: 400; }
```

## 폰트 정보
- 폰트 이름: 에이투지체
- 영문 이름: 에이투지체-7Bold
- 제작사: 오토노머스에이투지 X 이주임
- 카테고리: gothic
- 언어: 한국어
- 사용 가능 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900
- 라이선스: Free
- 무드: Modern, Futuristic, Intense, Cool
- 스타일: 기본 고딕, 두꺼운, 제목용, 본문용

## 적용 방법

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

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 200;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/200.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 300;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/300.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/400.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 500;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/500.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/600.woff2') format('woff2');
}

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

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 800;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/800.woff2') format('woff2');
}

@font-face {
  font-family: '에이투지체-7Bold';
  font-weight: 900;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/900.woff2') format('woff2');
}
```

### 2. HTML preload (빠른 로딩)
```html
<!-- 100 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/100.woff2" as="font" type="font/woff2" crossorigin />
<!-- 200 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/200.woff2" as="font" type="font/woff2" crossorigin />
<!-- 300 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/300.woff2" as="font" type="font/woff2" crossorigin />
<!-- 400 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/400.woff2" as="font" type="font/woff2" crossorigin />
<!-- 500 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/500.woff2" as="font" type="font/woff2" crossorigin />
<!-- 600 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/600.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/에이투지체-7Bold/700.woff2" as="font" type="font/woff2" crossorigin />
<!-- 800 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/800.woff2" as="font" type="font/woff2" crossorigin />
<!-- 900 weight -->
<link rel="preload" href="https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/900.woff2" as="font" type="font/woff2" crossorigin />
```

### 3. 굵기별 사용
```css
/* 사용 가능한 굵기: 100, 200, 300, 400, 500, 600, 700, 800, 900 */
.thin    { font-family: '에이투지체-7Bold', sans-serif; font-weight: 100; }
.regular { font-family: '에이투지체-7Bold', sans-serif; font-weight: 400; }
.bold    { font-family: '에이투지체-7Bold', sans-serif; font-weight: 700; }
.black   { font-family: '에이투지체-7Bold', sans-serif; font-weight: 900; }
```

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

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

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

Mood Analysis

License

Free

CSS Code

@import url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/500.woff2');
font-family: '에이투지체-7Bold', sans-serif;

CDN: https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/500.woff2

Font Info

Name: 에이투지체-7Bold
Korean Name: 에이투지체
Foundry: 오토노머스에이투지 X 이주임
Category: gothic
Language: Korean
Weights: 100, 200, 300, 400, 500, 600, 700, 800, 900

에이투지체 자주 묻는 질문

에이투지체 폰트는 어떤 분위기인가요?

에이투지체은(는) Modern, Intense, Futuristic 분위기의 폰트입니다. 무드 태그: Modern, Futuristic, Intense, Cool

에이투지체 폰트를 웹사이트에서 사용하려면?

HTML <head> 태그에 다음 CSS를 추가하세요: @import url('https://cdn.jsdelivr.net/gh/gykim80/gulim_font@main/fonts/ko/gothic/에이투지체-7Bold/500.woff2'); font-family: '에이투지체-7Bold', sans-serif; 그 후 CSS에서 font-family: '에이투지체-7Bold'; 으로 적용할 수 있습니다.

에이투지체 폰트는 무료인가요?

에이투지체의 라이선스: Free. 상업적 사용 가능 여부는 원본 라이선스 문서를 확인하세요.

에이투지체 폰트의 굵기(weight)는 몇 가지인가요?

에이투지체은(는) 9가지 굵기를 지원합니다: 100, 200, 300, 400, 500, 600, 700, 800, 900

에이투지체 폰트를 만든 곳은?

에이투지체은(는) 오토노머스에이투지 X 이주임에서 제작한 폰트입니다.