/**
 * Copyright (c) 2021 Hanwhalife.
 */

/*
    # 웹 폰트 브라우저의 렌더링 차단 처리 방식
    https://d2.naver.com/helloworld/4969726

    Internet Explorer 계열 브라우저는 FOUT 방식(Flash Of Unstyled Text)으로 렌더링 차단을 처리하고,
    그 외의 브라우저는 FOIT 방식(Flash Of Invisible Text)으로 렌더링 차단을 처리한다.

    ## FOUT 방식의 Internet Explorer 계열 브라우저
    Internet Explorer는 웹 폰트가 로딩될 때까지 우선 폴백 폰트로 텍스트를 렌더링한다.
    웹 폰트 로딩이 완료되면 텍스트를 웹 폰트로 전환한다. 이 방식은 웹 폰트 로딩 여부에 관계없이 텍스트가 항상 보이는 장점이 있다.
    하지만 글꼴의 자간, 높이 등 서식이 달라 웹 폰트 적용 전과 후에 레이아웃이 변경될 수 있다.

    ## FOIT 방식의 브라우저
    Firefox와 Chrome 등의 브라우저는 웹 폰트가 로딩되기 전까지 해당 텍스트를 화면에 보여 주지 않는다.
    웹 폰트 로딩이 완료되면 텍스트를 웹 폰트로 전환한다. 한 번에 웹 폰트를 보여줄 수 있다는 장점이 있지만,
    웹 폰트의 로딩이 늦으면 Mitt Romney 기사의 사례처럼 빈 텍스트가 노출되는 문제점이 있다.

 */


/*
    # Hanwha Typeface

    ## 한화전용서체 활용 기준
    한화그룹 각 사에서 발간하는 모든 제작물의 텍스트에 그룹(한화,Hanwha) 및 계열사 사명을 표기할 경우 한화체,
    그외의 경우 한화고딕체 적용을 원칙으로 한다.

    1. 그룹 및 계열사 사명은 한화체로 적용한다.
    2. 한화체는 국문을 기준으로 한화고딕체의 글줄(기준선, baseline)에 맞추어 개발하였으며, 영문 서체와 혼용할 시 서체 간의 크기, 두께,
       기준선 등에 유의하여 사용한다.
    3. 임의로 자간을 훼손하는 것을 금지한다.


    # Typefaces
    ## 지정서체 활용 기준
    지정서체는 국문,영문,중문,일문,아랍어가 있으며 서식류를 비롯해 브러슈어,사버,인쇄광고,홈페이지 등 회사 차원의
    제작물에 적용하는 것을 원칙으로 한다.

    1. 한화고딕체 국문
    국문 전용서체는 한화고딕 5종을 적용한다. 한화고딕은 산세리프 서체로 Hanwha의 아이덴티티에 부합하며
    가독성이 높은 서체이다.

    -한화고딕 5종
    국문
        한화고딕T, 한화L
        한화고딕EL, 한화L
        한화고딕L, 한화L
        한화고딕R, 한화R
        한화고딕B, 한화B

    2. 한화고딕체 영문 및 숫자
    영문과 숫자 전용서체는 한화고딕 5종으로 구성되어 있다.

    -한화고딕 5종
        한화고딕T
        한화고딕EL
        한화고딕L
        한화고딕R
        한화고딕B


    # Typefaces Guidelines

    ## 한화고딕체 사용 가이드
    한화고딕체를 매체별 성격에 맞춰 서체 굵기 적용기준을 준수한다.

    1. 한화고딕 매체별 적용
    =======================================================================
    Type                한화고딕 서체 활용 방안
    -----------------------------------------------------------------------
    한화고딕Bold            한화B와 함께 사용,매체(옥외 광고, 사인물), 인쇄물과 영상물의 타이틀 등 강조성을 높일때 사용한다.
    한화고딕Regular         한화R과 함께 사용,모든 인쇄, 디지털 제작물 등 기본 서체로 사용한다.
    한화고딕Light           힌화L과 함께 사용,인쇄물(브로슈어 및 사보),문서와 서식류,웹사이트,디지털 매체 등 본문용에 사용한다.
    한화고딕Extra Light     모바일,웹사이트,간행물,영상과 인쇄물(브로슈어 및 사보)의 작은 글 및 캡션에 사용한다.
    한화고딕Thin            모바일 화면,웹사이트 등 디지털 매체와 인쇄물에 아주 작은 글씨로 사용,캡션과 설명 등에 사용한다.
    =======================================================================
    -한화고딕 5종은 다양한 굵기의 서체로 혼합 사용이 가능하다.
    -한화L의 경우 한화고딕 Light,Extra Light,Thin 과의 사용이 모두 가능하다.
    -상기 서체는 한화그룹과 무관한 상업적 용도로의 사용을 금한다.
 */

/*
    Root
    https://snc-project.firebaseapp.com/hanwha/font/vendor/HanwhaGothic/v2/HanwhaGothicB/HanwhaGothicB.woff2


    Common weight name mapping
    The numerical values 100 to 900 roughly correspond to the following common weight names (see the OpenType specification):

    | Value             | Common weight name        |
    |-------------------|---------------------------|
    | 100               | Thin (Hairline)           |
    | 200               | Extra Light (Ultra Light) |
    | 300*              | Light                     |
    | 400*              | Normal (Regular)          |
    | 500               | Medium                    |
    | 600               | Semi Bold (Demi Bold)     |
    | 700*              | Bold                      |
    | 800               | Extra Bold (Ultra Bold)   |
    | 900               | Black (Heavy)             |
    | 950               | Extra Black (Ultra Black) |
 */

@font-face {
    font-family: 'HanwhaGothic';
    font-weight: 700;
    src: local('HanwhaGothic Bold'), local('HanwhaGothic-Bold'), local('hanwhaGothic B'),
         url('./v2/04HanwhaGothicB.eot'),
         url('./v2/04HanwhaGothicB.eot?#iefix') format('embedded-opentype'),
         url('./v2/04HanwhaGothicB.woff2') format('woff2'),
         url('./v2/04HanwhaGothicB.woff') format('woff');
}

@font-face {
    font-family: 'HanwhaGothic';
    font-weight: 400;
    src: local('HanwhaGothic Regular'), local('HanwhaGothic-Regular'), local('hanwhaGothic R'),
         url('./v2/05HanwhaGothicR.eot'),
         url('./v2/05HanwhaGothicR.eot?#iefix') format('embedded-opentype'),
         url('./v2/05HanwhaGothicR.woff2') format('woff2'),
         url('./v2/05HanwhaGothicR.woff') format('woff');
}

@font-face {
    font-family: 'HanwhaGothic';
    font-weight: 300;
    src: local('HanwhaGothic Light'), local('HanwhaGothic-Light'), local('hanwhaGothic L'),
         url('./v2/06HanwhaGothicL.eot'),
         url('./v2/06HanwhaGothicL.eot?#iefix') format('embedded-opentype'),
         url('./v2/06HanwhaGothicL.woff2') format('woff2'),
         url('./v2/06HanwhaGothicL.woff') format('woff');
}

@font-face {
    font-family: 'HanwhaGothic';
    font-weight: 200;
    src: local('HanwhaGothic Extra Light'), local('HanwhaGothic-Extra-Light'),
         url('./v2/07HanwhaGothicEL.eot'),
         url('./v2/07HanwhaGothicEL.eot?#iefix') format('embedded-opentype'),
         url('./v2/07HanwhaGothicEL.woff2') format('woff2'),
         url('./v2/07HanwhaGothicEL.woff') format('woff');
}

@font-face {
    font-family: 'HanwhaGothic';
    font-weight: 100;
    src: local('HanwhaGothic Thin'), local('HanwhaGothic-Thin'),
         url('./v2/08HanwhaGothicT.eot'),
         url('./v2/08HanwhaGothicT.eot?#iefix') format('embedded-opentype'),
         url('./v2/08HanwhaGothicT.woff2') format('woff2'),
         url('./v2/08HanwhaGothicT.woff') format('woff');
}
*/