ä»äºã§ææäœã®ãµã€ããäœãããšã«ãªã£ãã®ã§ Noto Serif CJK ã Web ãã©ã³ããšããŠäœ¿ããªããããšèª¿æ»ããã Noto Sans JP 㯠CDN é ä¿¡ãããŠãã ããNoto Serif JP ã¯é ä¿¡ãããŠããªãã®ã§ãèªåã§ãã¡ã€ã«ãæã€å¿ èŠãããã®ã ãããã¯ããã©ããããâŠã
ãŸã㯠Noto CJK â Google Noto Fonts ã® “Region-specific Subset OpenType/CFF (Subset OTF)” ãšããã»ã¯ã·ã§ã³ãã䜿ããããŠã§ã€ããããŠã³ããŒããä»å㯠NotoSerifCJK-Regular.ttc ãéžæããã
Web ãã©ã³ããšããŠäœ¿çšããããã« ttc ãã¡ã€ã«ã woff2 ãš woff ã«å€æãããä»å㯠WOFFã³ã³ããŒã¿ ã䜿ãããšã«ããã ã§ãããã¢ããã¡ãã
NotoSerifCJK-Regular ãWeb ãã©ã³ããšããŠäœ¿çšãããã¢
ãã¡ã€ã«ãµã€ãºã¯ woff2 ã§ 4.5 MBãwoff ã§ 5.2 MB ã ãããã§ã “Regision-specific Subset” ãšãµãã»ããåãããŠãããã®ã ãããŸã å®çšã«èããããµã€ãºãããªããChrome ã®ãããã¯ãŒã¯ãšãã¥ã¬ãŒã·ã§ã³ã§ “Fast 3G” ãéžæãããšããŠã³ããŒãããã®ã« 24.51 ç§ããããã¡ãªã¿ã«éåžžã®ç°å¢ïŒå ïŒWifiïŒã ãš 674 ããªç§ãããŒãã
ãšããããã§ãããªããµãã»ããåã«åãçµãããšã«ãããããã«ã¯ ãµãã»ãããã©ã³ãã¡ãŒã«ãŒ ã䜿ãã ãããæ€çŽ¢ãããç¬¬äžæ°ŽæºæŒ¢åïŒèšå·ïŒããŒãåïŒã«ã¿ã«ãïŒã²ãããªãã®ãœãŒã¹ãæ¢ãããä¿¡é Œã«è¶³ããã®ãããŸãã¡èŠã€ãããªãã
ãŸãã¯ãã¡ãããã詊ãã ãããªãã ãæŒ¢åå°ãªãããããªãïŒ
ã§ã¯ãã¡ãããã¯ã©ãã ããã ããâŠããjãããªããâŠã
ã§ãçµå±ã挢åã®ã»ã¯ã·ã§ã³ã ãåŸè ããã以å€ãåè ããé æŽãã圢ã§ãµãã»ããåã ããããŸãããã§ããããã
ãµãŒããŒã«ã¢ããããŒãããŠããšã
ãµãã»ããåãã NotoSerifCJK-Regular ã䜿çšãããã¢
Chrome DevTools ã§åãæ¡ä»¶ïŒFast 3GïŒã§èŠãŠã¿ããšâŠã3.87ç§ãå第ç¹ãããªãã ãããã
æ¬æ¥ã¯ãã®èŸºã§ã
References
Articles
- Google FontsãNoto Serif CJK JPïŒæºãææïŒãã®äœ¿ãæ¹ïœãã©ã«ã³ããã° | WEBå¶äœäŒç€Ÿãã©ã¹ãã¶ã€ã³ã«ã³ãããŒ
- Google FontsãNoto Serif CJK JPãã䜿ã£ãŠã¿ã ïœ Tips Note by TAM
- [CSS]Webå¶äœè ãç¥ã£ãŠãããããWebãã©ã³ããå¿«é©ã«è¡šç€ºããCSSã®æ°ããããããã£ãfont-displayã | ã³ãªã¹
- æ¥æ¬èªWebãã©ã³ãããµãã»ããåããŠè»œéåããæ¹æ³ | HEYSHO.COM
- 10åã§èšå®å®äºïŒWebãã©ã³ãã®äœ¿ãæ¹ã軜éåã»ã¯ãŠãªããã°ã§ã®èšå®æé ãåªè¯ãªãœãŒã¹ãªã©ãŸãšããããããæ¥æ¬èªãã©ã³ããã - Brian’z Imagination