/**
 * Copyright (c) 2015 Spoqa, Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * "Software"), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

/*
    Spoqa Han Sans Neo
 */

/*
    [ 폰트 Glyphs Preview 사이트 ]

    https://ehubsoft.herokuapp.com/fontviewer/
    -폰트 분석 후 "Glyph Inspector" 에서 문자 하나씩 클릭하여 상세 정보를 봐야 unicode 정보가 보인다.
     마지막 영역에 빈 문자 영역이 있는 지 잘 찾아보도록 하자.

    https://products.aspose.app/font/ko/viewer
    -기본정보 보기에는 가장 좋음

    https://fontdrop.info/#/?darkmode=true
    -OTF, TTF, WOFF 만 가능함.
     WOFF 는 Glyph 가 잘 안보이는 경향이 있다.

    https://fontsee.com/
    -ASCII 만 보임
    -해당 페이지 소스를 이용해야 font viewer 만들수 있겠다.
 */

/*
    웹폰트 확장자 순서
    : https://velog.io/@vnthf/%EC%9B%B9%ED%8F%B0%ED%8A%B8-%EC%B5%9C%EC%A0%81%ED%99%94-%ED%95%98%EA%B8%B0

    1. woff2를 가장 앞에
        - 브라우저는 선언된 순서대로 지원 가능한 파일 형식을 다운로드받기 때문에 압축률이 가장 좋은 woff2를 먼저 선언
    2. format()은 반드시 써야한다.
        - 쓰지 않으면 브라우저는 지원 가능한 파일 형식이 나올 때까지 순서대로 다운받음
    3. IE8이하를 지원해야 할 경우 eot가 가장 먼저
        - IE는 format을 읽지 못하기 때문에 가장 앞에 선언되어야 함.
 */

/*
    Safari(사파리) 에서 폰트가 이상하게 보일경우 해결법 / CSS font-family 속성 총정리
    : https://velog.io/@seop/Safari사파리-에서-폰트가-이상하게-보일경우-해결법-CSS-font-family-속성-총정리
 */

/*
    EOT(Embedded Open Type)
    :  IE에서만 통용됩니다. 일반 폰트 파일을 EOT로 변환하려면 특별한 도구가 필요합니다.

    TrueType과 OpenType
    : 컴퓨터의 Fonts 폴더를 열어보면 .ttf(TrueType format)와 .otf(OpenType format) 서체 파일들이 보일 것입니다.
      대개 컴퓨터 서체 파일로 널리 사용되는 파일 형식입니다. 웹 페이지 뿐만 아니라, 워드 프로세싱이나 전자출판에도 사용할 수 있습니다.
      이런 유형의 서체 파일은 대부분의 브라우저가 지원하며 IE9를 포함한 최신 버전의 IE, 크롬, 파이어폭스, 사파리, 오페라, iOS 사파리(4.2+), 그리고 블랙베리 브라우저 등이 여기에 해당합니다.

    WOFF(Web Open Font Format)
    : 이 파일은 웹을 주된 대상으로 설계된 파일 형식입니다.
      WOFF 서체는 기본적으로 TrueType이나 OpenType 서체를 압축한 것이기 때문에 일반적으로 파일 크기가 작아서, 다른 서체보다 신속히 다운로드됩니다.
      WOFF 파일은 다양한 브라우저 제조사의 지지도 받고 있어서 IE9 를 비롯한 모던 브라우저와 iOS 사파리(5+)에서 지원하고 있습니다.
      하지만 안드로이드 진영에서 이 파일을 지원하지 않고 있어서 안드로이드 기기나 IE8 사용자는 서체를 다운받거나 표시할 수 없습니다.

    SVG(Scalable Vector Graphic)
    : 이 파일은 사실 서체 파일은 아닙니다. SVG는 사실 벡터 그래픽(확대해도 품질이 유지되는 이미지를 만드는 기술)을 위한 파일입니다.
      SVG 폰트를 지원하는 브라우저는 매우 제한적으로 IE, FF는 지원하지 않는다.
      SVG의 또 한가지 문제는 파일 크기가 TrueType의 거의 두 배, WOFF 파일의 거의 세 배에 달한다는 것입니다.
      SVG를 사용해 얻을 수 있는 진정한 이득은, iOS 사파라 4.1 이전 버전에서 인식하는 유일한 웹 폰트 타입이라는 것입니다.
 */

/*
    [React] 리액트 웹폰트 적용 방법과 최적화 방법 (feat. 2022년)
    : https://lakelouise.tistory.com/337
 */

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Bold'),
    url('./subset/SpoqaHanSansNeo-Bold.eot'),   /* IE9+ Compat Modes */
    url('./subset/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'),    /* IE6-IE8 */
    url('./subset/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('./subset/SpoqaHanSansNeo-Bold.woff') format('woff'),
    url('./subset/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Medium'),
    url('./subset/SpoqaHanSansNeo-Medium.eot'),
    url('./subset/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'),
    url('./subset/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('./subset/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('./subset/SpoqaHanSansNeo-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Regular'),
    url('./subset/SpoqaHanSansNeo-Regular.eot'),
    url('./subset/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'),
    url('./subset/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('./subset/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('./subset/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Light'),
    url('./subset/SpoqaHanSansNeo-Light.eot'),
    url('./subset/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'),
    url('./subset/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('./subset/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('./subset/SpoqaHanSansNeo-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Thin'),
    url('./subset/SpoqaHanSansNeo-Thin.eot'),
    url('./subset/SpoqaHanSansNeo-Thin.eot?#iefix') format('embedded-opentype'),
    url('./subset/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('./subset/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('./subset/SpoqaHanSansNeo-Thin.ttf') format('truetype');
}