Gukhanmun Sans
한자는 두고, 독음을 글자 위에 그립니다.
國漢文混用
01 · 독음
한자는 그대로 두고, 독음만 그립니다.
國漢文混用
한자만 보입니다. 독음 끄기 기능(ss01)을 켠 상태입니다.
같은 글꼴이 독음을 글자 안에 그립니다. 덧붙인 주석이 아닙니다.
02 · 합자
音樂
音樂
떨어져 있으면 음, 낙입니다. 樂이 어두라 두음이 바뀝니다. 붙으면 합자 하나입니다. 音樂의 독음은 음악입니다.
03 · 굵기
音樂
250
가변 폰트입니다. 한자와 독음의 획이 같은 굵기를 탑니다.
받는 법
웹 서브셋은 Regular 하나이고, 이 주소로도 바로 쓸 수 있습니다. 일곱 굵기의 정적 파일과 가변 폰트, 한자 애드온은 zip 안에 있습니다. 독음은 line-height를 2로 둡니다.
@font-face {
font-family: "Gukhanmun Sans Web";
src: url("https://moreal.github.io/gukhanmun-font/fonts/GukhanmunSans-Web.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}
.ruby {
font-family: "Gukhanmun Sans Web", sans-serif;
line-height: 2;
}애드온은 한글 글꼴 앞에 둡니다. 그 한글 글꼴에도 같은 어센더, 디센더, 라인갭을 주세요. 독음은 158%, 치환은 116%입니다. 값이 다르면 한자가 있는 줄과 없는 줄의 높이가 달라집니다. unicode-range 전체는 릴리스의 hanja.css에 있습니다.
@font-face {
font-family: "Gukhanmun Sans Hanja";
src: url("GukhanmunSansHanja-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
unicode-range: /* 릴리스 hanja.css. cmap과 같은 목록 */;
ascent-override: 158%;
descent-override: 28.8%;
line-gap-override: 0%;
}
@font-face {
font-family: "Gothic A1 Ruby";
src: url("GothicA1-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
ascent-override: 158%;
descent-override: 28.8%;
line-gap-override: 0%;
}
@font-face {
font-family: "Gothic A1 Replace";
src: url("GothicA1-Regular.woff2") format("woff2");
font-weight: 400;
font-display: swap;
ascent-override: 116%;
descent-override: 28.8%;
line-gap-override: 0%;
}
.gukhanmun-hanja {
font-family: "Gukhanmun Sans Hanja", "Gothic A1 Ruby", sans-serif;
line-height: 2;
}
.gukhanmun-hangul {
font-family: "Gukhanmun Hangul Hanja", "Gothic A1 Replace", sans-serif;
}폰트 패밀리
둘 다 남한 ko-KR과 북한 ko-KP가 있습니다. 북한 독음은 두음 법칙을 따르지 않습니다.
한자는 두고, 독음을 글자 위에 그립니다.
國漢文混用
한자 자리에 한글이 앉습니다. 복사하면 한자입니다.
國漢文混用
특징
font-feature-settings: "ss01"을 켜면 독음만 사라지고 한자는 그대로 남습니다.놀이터
독음과 한글을 바꾸고, 글자 위에서 굵기를 움직입니다.