@charset 'utf-8';

/* web font 설정 */
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400; /* regular | 적용되는 font의 두께 */
    src: local('※'),/* local에 있을 경우 local의 font를 사용하라는 의미 (다운X) => 동작안됨 */
    /* web font의 가장 최신 표준이 woff2지만, 아직 업데이트가 안된경우 woff 사용하고, 다 없는 경우 opentype (원본을 내려받아 사용) */
        url('../font/NotoSansKR-Regular.woff2') format('woff2'), 
        url('../font/NotoSansKR-Regular.woff') format('woff'),
        url('../font/NotoSansKR-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('../font/NotoSansKR-Bold.woff2') format('woff2'), 
        url('../font/NotoSansKR-Bold.woff') format('woff'),
        url('../font/NotoSansKR-Bold.otf') format('opentype');
}

/* 폰트는 용량이 커서 트래픽이 크다는 문제가 있고, 그것을 줄이기 위해 용량이 압축된 웹폰트를 사용함 */
/* 요즘은 google font를 사용하여 웹폰트를 설정함 */
/* 라이센스 문제도 없고, 트래픽도 줄여주기 때문에 google font를 많이 사용함 - 특히 한국어 font에 대한 용량을 많이 줄여줌! */
/* 보안이 중요한 경우 google font를 사용하지 않고 자체적으로 사용하기 때문에 @font-face도 쓸 줄 알아야 함 */




/*
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 100;
    src: local('※'),
        url('../font/NanumGothicLight.woff2') format('woff2'), 
        url('../font/NanumGothicLight.woff') format('woff'),
        url('../font/NanumGothicLight.ttf') format('truetype'),
        url('../font/NanumGothicLight.otf') format('opentype'),
        url('../font/NanumGothicLight.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('../font/NanumGothicExtraBold.woff2') format('woff2'), 
        url('../font/NanumGothicExtraBold.woff') format('woff'),
        url('../font/NanumGothicExtraBold.ttf') format('truetype'),
        url('../font/NanumGothicExtraBold.otf') format('opentype'),
        url('../font/NanumGothicExtraBold.eot') format('embedded-opentype');
}
*/