/*
 * 글꼴 — 나눔고딕·마루부리·나눔손글씨 바른히피 (모두 OFL, 네이버·네이버문화재단)
 * 편집기와 사이트 글 화면이 같이 읽는다. @font-face 만 있으므로 글에 그 글꼴이 쓰였을 때만 브라우저가 내려받는다 (안 쓰면 비용 없음).
 * - 마루부리·바른히피: 네이버 한글 CDN — 굵기마다 다른 이름을 한 이름으로 묶어 '굵게'가 진짜 굵은 글꼴로 나오게
 * - 나눔고딕: Google Fonts CSS 를 불러와야 해서 따로 fonts-nanumgothic.css — 편집 화면은 늘 읽고(editor.css),
 *   사이트 글 화면은 글에 나눔고딕(me-ff-nanumgothic)이 쓰였을 때만 붙인다. 여기 @import 를 두면 모든 글이 외부 CSS 를 기다린다 (첫 화면 속도)
 */

@font-face {
  font-family: 'MaruBuri';
  font-weight: 400;
  font-display: swap;
  src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff2') format('woff2'),
    url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Regular.woff') format('woff');
}
@font-face {
  font-family: 'MaruBuri';
  font-weight: 700;
  font-display: swap;
  src: url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff2') format('woff2'),
    url('https://hangeul.pstatic.net/hangeul_static/webfont/MaruBuri/MaruBuri-Bold.woff') format('woff');
}
@font-face {
  font-family: 'NanumBaReunHiPi';
  font-weight: 400;
  font-display: swap;
  src: url('https://hangeul.pstatic.net/hangeul_static/webfont/clova/NanumBaReunHiPi.woff') format('woff');
}

.me-ff-nanumgothic {
  font-family: 'Nanum Gothic', var(--me-font-family);
}
.me-ff-maruburi {
  font-family: 'MaruBuri', var(--me-font-family);
}
.me-ff-barunhipi {
  font-family: 'NanumBaReunHiPi', var(--me-font-family);
}