日本語webフォントをサブセット化

Transcript

1. ೔ຊޠwebϑΥϯτΛαϒηοτԽ Kazuki Nakatani @taniyanpgd
2. ϝϦοτ
3. ϝϦοτ 1.CDNͰఏڙ͞Εͯͳ͍ϑΥϯτΛར༻ ग़དྷΔ 2.ඞཁͳจࣈ͚ͩൈ͖ग़ͯ͠࠷௿ݶͷ༰ ྔʹͰ͖ΔʢαϒηοτԽʣ
4. ΍Γํ ɾϑΥϯτΛμ΢ϯϩʔυ ɾ࢖͏จࣈ͚ͩൈ͖ग़͢ ɾϑΝΠϧܗࣜΛม͑Δ ɾCSSʹ@font-faceهड़
5. ϑΥϯτΛμ΢ϯϩʔυ
6. ϑΥϯτΛμ΢ϯϩʔυ ɾׂѪ
7. ࢖͏จࣈ͚ͩൈ͖ग़͢
8. ࢖͏จࣈ͚ͩൈ͖ग़͢ ɾαϒηοτԽͱ͍͍·͢ ɾୈҰਫ४׽ࣈͰൈ͖ग़͢ͷ͕Ұൠత ɾαϒηοτϑΥϯτϝʔΧʔΛ࢖͏
9. JIS (೔ຊ޻ۀن֨)ͰఆΊΒΕͨ׽ࣈͷن ֨Ͱɺ JISX0208 ʹؚ·ΕΔɻ೔ৗͰ࢖ ༻ස౓ͷߴ͍׽ࣈΛूΊɺίϯϐϡʔλʔ Ͱར༻͢ΔͨΊʹίʔυԽͨ͠΋ͷɻ JIS ୈ 1 ਫ४͸ 2965 ࣈͰɺৗ༻׽ࣈ 1945 ࣈͱͦͷଞͷਓ໊༻׽ࣈؚ͕·Ε ͓ͯΓ
11. ϑΝΠϧܗࣜΛม͑Δ
12. ϑΝΠϧܗࣜΛม͑Δ ɾttfɺotfɺwoffɺwoff2ɺeot͍ͬͺ͍͋Δ ɾରԠϒϥ΢β͕ҧ͏ ɾඞཁͳ΋ͷΛ͍ΕΔ
13. woffʢओʹϒϥ΢βʣʮ.woffʯ--Can I use IE9ʙ Chrome49ʙ Firefox58ʙ iOS5.0ʙ AndroidBrowser4.4ʙ .ttfʢओʹεϚϗʣʮ.ttfʯ--Can I use iOS4.2ʙ Android2.2ʙ (Can I use ࢀর)
14. woff2ʢ࠷৽ϒϥ΢βʣʮ.woff2ʯ--Can I use IEະରԠ Chrome49ʙ Firefox58ʙ iOS10.0ʙ AndroidBrowser ະରԠ
15. CSSʹ@font-faceهड़
16. CSSʹ@font-faceهड़
17. ·ͱΊ
18. ·ͱΊ ɾwebϑΥϯτΛαϒηοτԽͯ͠࢖͓͏ ɾ1M→287kb ɾwoff , woff2Λ࢖͏ͷ͕͓͢͢Ί