/* Load font binaries only when text actually uses the family. */ @font-face { font-family: 'Nanum Pen Script'; src: url('./nanumpenscript/NanumPenScript-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: 'Yomogi'; src: url('./yomogi/Yomogi-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: 'Klee One'; src: url('./kleeone/KleeOne-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: 'Klee One'; src: url('./kleeone/KleeOne-SemiBold.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; } :root { --note-handwriting-font: 'Nanum Pen Script','휴먼편지체','Malgun Gothic',cursive; } /* The future language switcher can set . */ :root:lang(ja) { --note-handwriting-font: 'Yomogi','Klee One','Yu Gothic','Meiryo',sans-serif; }