https://googlefonts.github.io/korean/
https://github.com/googlefonts/korean
한글 폰트의 경우 영어폰트와 다르게 글자수가 많기 때문에 파일크기가 크다. 웹폰트의 경우 이 경우, 부담으로 작용하기도 한다.
그래서 나눔고딕 가볍게 만들기(http://yiunsr.tistory.com/714?category=514016) 같은 식으로 한자를 빼고 폰트를 따로 만들기도 한다. 그런데 이 경우에도 꽤 폰트가 크다.
Google 에서 이러한 문제를 해결하기 위해
"Google Fonts는 머신 러닝에 기반을 둔 최적화 기술을 통해 한글 폰트를 동적으로 분할 다운로드합니다."
의 방식을 적용한다.
서버가 nodejs 방식인데 그냥 샘플인 것인지 아니면 지금은 nodejs 만 가능한지 확인은 좀 필요할 것 같다.
몰랐는데 어느 순간 구글에서 지원하는 한글 웹폰트가 크게 늘었다.
https://fonts.google.com/?subset=korean
이제는 무료로 사용할 수 있는 웹폰트의 선택 범위가 많이 넓어진 것 같다.
덧붙이는 글 :
아, 이건 CSS 만 넣으면 back단의 언어와 상관없이 동작하는 것 같다.
<link href="https://fonts.googleapis.com/css?family=Gothic+A1:100" rel="stylesheet">
이런식으로 넣으면 CSS 가 붙는데,
CSS 안에
@font-face {
font-family: 'Gothic A1';
font-style: normal;
font-weight: 100;
src: local('Gothic A1 Thin'), local('GothicA1-Thin'), url(https://fonts.gstatic.com/s/gothica1/v2/CSR74z5ZnPydRjlCCwlCCMcvCvF0oo9KYQ_JRW8eai-QrZf9ge_IDOHzsAOH2x6vleKMTplt.0.woff2) format('woff2');
unicode-rang
이런 식으로 unicode-range 가 정의 되어 있다. unicode-range 때문에 글자가 부분분적 잘 가져오는 것으로 보인다.
여기서 중요한 것은 이 unicode-range 가 머신 러닝에 기반을 둔 최적화 기술이라는 것이다.