@charset "utf-8";

/* ============================================================
   font.css — 웹폰트 선언

   본문 서체 : Noto Sans KR — Google Fonts CDN (inc/enqueue.php 가 등록)
               reset.css 의 * { font-family } 가 전역 적용한다.
   서브 서체 : 사이트마다 다르다. 아래 @font-face 를 채운다.

   로드 순서상 font.css 가 가장 먼저다. (font → reset → common → …)
   @font-face 는 선언 순서와 무관하게 동작하므로 문제되지 않는다.
   ============================================================ */


/* ============================
   서브(브랜드) 서체 — ★ 사이트별로 교체

   제목이나 강조 문구에만 쓰는 두 번째 서체다. 본문에는 쓰지 않는다.

   ── 설정 3단계 ──

   1. 폰트 파일을 assets/css/font/ 에 넣는다
        assets/css/font/BrandFont.woff2

   2. 아래 @font-face 주석을 풀고 font-family 이름과 파일명을 맞춘다
        경로는 이 파일(assets/css/) 기준 상대경로다

   3. common.css 의 :root 에서 이름을 지정한다   ← 빠뜨리면 적용되지 않는다
        --one-sub-ft   : "BrandFont", serif;
        --one-sub-ft-ls: -0.05em;      자간은 서체마다 다르다

   ── 쓰는 법 ──

        <h2 class="hd2 sub-ft">브랜드 문구</h2>

   .sub-ft 는 common.css 에 이미 선언되어 있다. 클래스명을 바꾸지 않는다.
============================ */

/*
@font-face {
  font-family: "BrandFont";
  src: url("font/BrandFont.woff2") format("woff2"),
       url("font/BrandFont.otf")   format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/


/* ============================
   굵기가 여러 개인 서체

   font-weight 별로 @font-face 를 나눠 선언한다. font-family 이름은 같게 둔다.
   브라우저가 굵기에 맞는 파일을 골라 쓴다.

   가변 폰트(variable font)면 하나로 끝난다.
        font-weight: 100 900;
============================ */

/*
@font-face {
  font-family: "BrandFont";
  src: url("font/BrandFont-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/


/* ============================
   알아둘 것

   woff2 를 먼저 쓴다 — otf · ttf 는 용량이 3~4배다.
   변환은 https://transfonter.org 등에서 한다.

   font-display: swap — 폰트가 늦게 와도 글자가 먼저 보인다.
   빼면 로딩 동안 빈 화면(FOIT)이 된다.

   .sub-ft 는 !important 라 하위에서 못 덮는다.
   특정 요소만 다른 서체를 써야 하면 .sub-ft 를 붙이지 않는다.

   서체를 나중에 바꾸면 자간·줄높이가 달라져
   줄바꿈 위치와 카드 높이가 전부 어긋난다. 시안 작업 전에 확정할 것.
============================ */


/* ============================
   본문 서체를 Noto Sans KR 이 아닌 것으로 바꿀 때

   inc/enqueue.php 의 one-google-fonts 등록을 교체한다.
   여기가 아니라 거기다 — reset.css 가 전역 font-family 를 잡는다.
============================ */