Noto Sans CJK 폰트 경량화 관련 문의

[김민]

안녕하세요, 현재 웹사이트 구축 프로젝트에 Noto Sans CJK 폰트를 웹폰트로 사용하려고 합니다.

저희 사이트는 국문, 영문, 중문을 지원하며, 모두 Noto Sans CJK 폰트를 적용하였습니다.

그런데, 폰트의 용량이 다른 웹폰트에 비해 너무 커서 (subset OTF파일의 용량도 3~4MB 정도 하더군요.. 중문은 5~8MB 까지도 합니다. eot, woff 파일로 변환을 해도 용량이 크게 줄어들지는 않죠..)

웹사이트에 적용하니 메모리를 많이 차지하는 현상도 있고, 브라우저에서 랜더링이 느린 현상도 있더군요.

검색을 해보니, 한글의 경우는 문자셋을 추려내서 웹폰트의 용량을 압축할 수 있는 방법이 있는 것 같은데, 중문은 그것이 가능한지 정보를 찾을 수가 없더군요..

그래서 그에 대한 답변을 직접 듣고싶어 메일을 보냅니다.

Noto Sans CJK 폰트가 보편화 되려면, 폰트 자체가 웹폰트로 사용하기에 최적화된 용량으로 배포가 되어야 가능한 일이지 않을까 싶은데요.

그렇게 해서 배포하실 계획이 있기는 한것인지 궁금합니다.

답변 부탁드립니다.

[Dave Crossland]

Hi

You could try deploying https://github.com/googlei18n/TachyFont

> --
> You received this message because you are subscribed to the Google Groups
> "noto-font" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to noto-font+...@googlegroups.com.
> To post to this group, send email to noto...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/noto-font/CAPKBGaviMeRTesGu80YymH8PFmaYNfak6xOOvg1pwHuA%2BYOSUg%40mail.gmail.com.
> For more options, visit https://groups.google.com/d/optout.



--
Cheers
Dave

[Jungshik Shin (신정식, 申政湜)]

안녕하세요? 

우선 Noto Sans CJK 글꼴을 사용해 주셔서 감사합니다. 

구축하시는 웹 페이지가 한중일 언어를 동시에 사용하지 않는다면, Noto Sans CJK {KR,JP,SC,TC}보다는 Noto Sans {KR,JP,SC,TC}를 쓰시는 게 좋을 것입니다. 말씀하신 대로 그 파일의 크기도 3 ~ 8MB로 큽니다.  woff2로 압축할 경우 꽤 줄어들기는 합니다. 

몇 가지 방법이 있습니다. 

1. dcrossland@가 제안한 대로 tachyfontf를 쓰는 것입니다. Chrome에서는 확실히 잘 됩니다. 다른 브라우저는 확실하지 않습니다. 이 방법은 현재 웹 페이지에서 필요한 글자만 다운로드하고, 다른 웹 페이지에서 새로운 글자가 필요하면 (이미 다운로드되지 않은 새로운 글자) 또 그것을 다운로드합니다. 이런 식으로 여러 페이지를 방문하다 보면 지원하는 글자가 계속 축적되어서 (웹 방문자는 신경 쓰지 않고도) 폰트 다운로드에 신경쓰지 않아도 됩니다. 

2. tachyfont 대신에 subset을 해서 줄이는 방법이 있습니다. Noto Sans KR과 Noto Sans JP는 이미 그렇게 크기를 줄인 폰트를 http://www.google.com/fonts/earlyacess

에서 제공하고 있습니다.  위 페이지에서 Noto Sans KR과 Noto Sans JP를 사용하시면 됩니다. 

woff2 (woff보다 효율이 훨씬 좋습니다)를 지원하는 브라우저라면 이렇게 줄인 글꼴의 크기가 한국처럼 네트웍 속도가 빠른 곳에서는 그다지 크게 문제 되지 않습니다. 

3. 또다른 방법은 unicode-rangef를 써서 폰트를 여러 개로 쪼개는 것입니다. 다만,  현재 Chrome에서만 지원합니다.  subset1은 가장 많이 쓰는 글자를 담고, subset2에는 그 다음으로 많이 쓰는 글자, subset3에는 그 다음으로 많이 쓰는 글자를 담는 방식입니다. 그리고, unicode-range에서 지원하는 code points를 나열해 주면 됩니다. 

font를 subset하는 도구는 https://github.com/behdad/fonttools/

에 들어 있는 pyftsubset이 좋습니다. 그 도구는 woff, woff2 등 압축도 같이 해 줍니다. 그리고, 그 도구의 옵션 중에 desubroutinize를 켜시면 gzip, woff, woff2로 압축했을 때 크기가 더 작아집니다. 

또, Linux, Andorid, iOS, Mac 클라이언트에 내보낼 때에는 hint도 제거하시면 크기를 더욱 줄일 수 (CFF의 경우 최소 10% 이상.)  있습니다. Windows에는 hint를 제거하시면 안 되고요. pyftsubset에서 hint를 제거하는 옵션도 제공합니다. hint를 제거할 때에는 desubroutinize도 같이 하셔야 합니다. 그렇지 않으면 현재 버그 때문에 결과물에 문제가 있을 수 있습니다. 

그럼, 도움이 되셨길 빕니다. 

신정식 

2015년 9월 14일 오후 11:03, 김민 <yoi...@gmail.com>님이 작성:

--

[seowo...@gmail.com]

안녕하세요? 안내해 주신 내용 잘 읽었습니다.

Tachyfont 대신해 크기를 줄인 폰트를 다운로드 하려 주신링크에 (http://www.google.com/fonts/earlyacess)에 접속해보았는데 링크가 살아있지 않더라구요. ㅜㅜ 하여 다운로드 받을 수 있는 다른 방법이 있는지 문의 드립니다. 그리고 혹 Noto serif 줄인 크기 버전을 다운로드 받을 수 있는지도 문의 드립니다.

감사합니다.

2015년 9월 18일 금요일 오전 7시 48분 44초 UTC+9, jungshik 님의 말: