에이스테마

폰트 굵기(Weight) 설정 방법

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.

이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.
이것은 폰트의 굵기를 설정하는 예제입니다.

1 에이스테마는 총 9단계의 폰트 굵기 클래스를 지원합니다.

아래와 같이 가장 굶은 font-black 클래스부터, 가장 얇은 font-thin 클래스까지 총 9단계를 지원합니다.
                        
<span class="font-black">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-heavy">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-extrabold">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-bold">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-medium">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-regular">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-light">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-extralight">이것은 폰트의 굵기를 설정하는 예제입니다.</span>
<span class="font-thin">이것은 폰트의 굵기를 설정하는 예제입니다.</span>                        
                    

2 적용방법

원하는 부분에 폰트 굵기 클래스를 추가해주면 됩니다.
                        
예) <h1 class="font-black">이것은 폰트의 굵기를 설정하는 예제입니다.</h1>
예) <div class="font-medium">이것은 폰트의 굵기를 설정하는 예제입니다.</div>
예) <p class="font-thin">이것은 폰트의 굵기를 설정하는 예제입니다.</p>
예) 이것은 <span class="font-extrabold">폰트의 굵기</span>를 설정하는 예제입니다.
예) 이것은 폰트의 굵기를 설정하는 <span class="font-extrabold">예제</span>입니다.                        
                    
© All Rights Reserved by 에이스 테마 (ace-theme.com)