Android Font Updates

potatotips #41の発表です

Links

* Fonts in XML
https://developer.android.com/preview/features/fonts-in-xml.html
* Downlodable Fonts
https://developer.android.com/preview/features/downloadable-fonts.html
* Get Started with the Google Fonts for Android (beta)
https://developers.google.com/fonts/docs/android
* Downloadable Fontsのサンプルコード
https://github.com/googlesamples/android-DownloadableFonts
* Emoji Compatibility
https://developer.android.com/topic/libraries/support-library/preview/emoji-compat.html
* EmojiCompatのサンプルコード
https://github.com/googlesamples/android-EmojiCompat
* What's New in Android Support Library (Google I/O '17)
https://youtu.be/V6-roIeNUY0?t=7m4s
* Best Practices to Slim Down Your App Size (Google I/O '17)
https://youtu.be/AdfKNgyT438?t=17m43s
* Android Developers Backstage: Episode 67: Fontastic
http://androidbackstage.blogspot.jp/2017/05/episode-67-fontastic.html
* Redesigning Android Emoji
https://medium.com/google-design/redesigning-android-emoji-cb22e3b51cc6

Transcript

1. "OESPJE'POU6QEBUFT
   QPUBUPUJQT!:BIPP
   5TVZPTIJ6FIBSB !VFDDIJ
   
   

   View Slide

2. ࣗݾ঺հ
   5TVZPTIJ6FIBSB
   5XJUUFS!VFDDIJ(JU)VCUTVZPTI2JJUBUTVZPTI
   

   View Slide

3. ࠓճॳൃදͰ͢
   

   View Slide

4. ࠓճͷൃද಺༰
   w 'POUTJO9.-
   w %PXOMPBEBCMF'POUT
   w &NPKJ$PNQBU
   

   View Slide

5. 'POUTJO9.-
   

   View Slide

6. 'POUTJO9.-
   w ͜Ε·Ͱ"OESPJEͰΧελϜϑΥϯτΛ࢖͏৔߹ɺ
   BTTFUT಺ʹϑΥϯτΛஔ͍ͯ$BMMJHSBQIZ౳ͷϥ
   ΠϒϥϦΛ࢖ͬͯ5ZQFGBDFΛ5FYU7JFXʹϑΥϯ
   τΛઃఆɻ
   w "OESPJE0ͱ4VQQPSU-JCSBSZ͔ΒϑΥϯτ
   ΛϦιʔεͱͯ͠ར༻Մೳʹ
   

   View Slide

7. $BMMJHSBQIZΛ࢖Θͳͯ͘΋͍͍Α
   (PPEOFXT $BMMJHSBQIZJTEFBE
   IUUQTUXJUUFSDPNDISJTKFOYTUBUVT
   

   View Slide

8. ઃఆํ๏
   SFTGPOUҎԼʹϑΥϯτϑΝΠϧΛஔ͚ͩ͘
   

   View Slide

9. ઃఆํ๏ $POU
   
   YNMͰGPOUGBNJMZΛఆٛ͢Δ͜ͱ΋Մೳ
   

   View Slide

10. ར༻ํ๏
    -BZPVU΍4UZMFͷYNMʹ͓͍ͯBOESPJEGPOU'BNJMZଐੑ
    ͰࢦఆՄೳ
    

    View Slide

11. ར༻ํ๏ $POU
    
    ίʔυ͔Β͸3FTPVSDFT·ͨ͸3FTPVSDFT$PNQBU
    ͔Β5ZQFGBDFΛऔಘՄೳ
    

    View Slide

12. "OESPJE4UVEJP
    "OESPJE4UVEJPͰ͸ϨΠΞ΢τΤσΟλʕ
    ͰΧελϜϑΥϯτͷϓϨϏϡʔ΋Մೳ
    

    View Slide

13. %PXOMPBEBCMF'POUT
    

    View Slide

14. %PXOMPBEBCMF'POUT
    w ϑΥϯτ 5ZQFGBDF
    Λ'POU1SPWJEFSΛ௨ͯ͠औಘ͢Δ࢓૊Έɻ
    w ϑΥϯτ͸'POU1SPWJEFS͕μ΢ϯϩʔυ͠Ωϟογϡ͢Δɻ
    

    View Slide

15. w (PPHMF'POUTͷϑϦʔϑΥϯτ ໿ॻମ
    Λ
    ར༻Մೳ
    w (PPHMF1MBZ։ൃऀαʔϏεͷҎ߱Ͱ'POU
    1SPWJEFSʹରԠ
    w 4VQQPSU-JCSBSZ΋͔ΒରԠ
    w "1* +FMMZ#FBO
    Ҏ߱ͷ"OESPJEͰར༻Մೳ
    ʹͳΔ༧ఆ
    

    View Slide

16. ϝϦοτ
    w BQLαΠζΛݮΒͤΔɻͦͷ݁ՌɺΠϯετʔϧ
    ཰ΛվળͰ͖Δɻ
    w ಉ͡ϑΥϯτΛΞϓϦؒͰڞ༗Ͱ͖ΔͷͰ
    "OESPJE୺຤಺ͷϦιʔε EJTL NFNPSZ σʔ
    λసૹ౳
    Λઅ໿Ͱ͖Δ
    

    View Slide

17. ར༻ํ๏
    "OESPJE4UVEJPͷϨΠΞ΢τΤσΟλʔ͔Β؆
    ୯ʹར༻Մೳɻ
    ඞཁͳ9.-΋"OESPJE4UVEJP͕ࣗಈతʹ࡞੒ɻ
    

    View Slide

18. ίʔυ͔Βݺͼग़͢৔߹
    

    View Slide

19. ᠘
    w ݱঢ়Ͱ͸.ҎԼͷ"OESPJEͰ͸'POU1SPWJEFS͕
    /1&Ͱམͪͯ࢖͑ͳ͍
    w (PPHMF'POUTʹ͸༗ঈϑΥϯτ΍$+,ϑΥϯτ
    ؚ͕·Εͳ͍
    w ϑΥϯτͷμ΢ϯϩʔυ͕ؒʹ߹Θͳ͍৔߹͸
    γεςϜϑΥϯτʹϑΥʔϧόοΫ͢Δ
    

    View Slide

20. &NPKJ$PNQBU
    

    View Slide

21. "OESPJEͷରԠֆจࣈͷભҠ
    w ϞϊΫϩ
    
    w
    w
    w
    w
    w
    w
    "OESPJEʹऩ࿥͞ΕΔֆจࣈͷ਺΋೥ʑ૿Ճ
    ˠݹ͍ػछʹΑͬͯ͸৽͍͠ֆจࣈ͕දࣔͰ͖ͣʹ
    5PGV ˘
    ΍ۭനͰදࣔ͞ΕΔέʔε΋
    

    View Slide

22. &NPKJ$PNQBU-JCSBSZ
    γεςϜϑΥϯτʹऩ࿥͞Ε͍ͯͳ͍ֆจࣈΛ࠷৽
    ͷֆจࣈϑΥϯτ͔Βऔಘͯ͠දࣔ͢Δɻ
    w "1* ,JU,BU
    Ҏ߱ͷ"OESPJEͰ༗ޮ
    w %PXOMPBEBCMF'POUTΛ࢖͏৔߹ͱϑΥϯτΛ
    BQLʹόϯυϧ͢Δ৔߹ͷछྨ༻ҙ
    

    View Slide

23. %PXOMPBEBCMF'POUTΛ࢖͏৔߹
    

    View Slide

24. όϯυϧ൛Λ࢖͏৔߹
    ˠϑΥϯτ΋ಉࠝ͢ΔͷͰBQLͷαΠζ͕໿.#૿͑·͢
    

    View Slide

25. &NPKJ$PNQBUରԠ7JFX
    ҎԼͷͭͷ7JFX͕&NPKJ$PNQBUͰ༻ҙ͞Ε͍ͯ·͢ɻ
    w &NPKJ5FYU7JFX
    w &NPKJ&EJU5FYU
    w &NPKJ#VUUPO
    

    View Slide

26. &NPKJ$PNQBUରԠ7JFX
    ˠ$VTUPN7JFX΍ૉͷ5FYU7JFXΛ&NPKJ$PNQBUରԠ͢Δ͜ͱ
    ΋Մೳ
    w &NPKJ"QQ$PNQBU5FYU7JFX
    w &NPKJ"QQ$PNQBU&EJU5FYU
    w &NPKJ"QQ$PNQBU#VUUPO
    ಉ༷ʹ"QQ$PNQBU޲͚ʹ΋༻ҙ͞Ε͍ͯ·͢
    TVQQPSUFNPKJBQQDPNQBU͕ඞཁ
    
    

    View Slide

27. σϞ
    3FHVMBS5FYU7JFXͰ͸ޙΖͷจࣈΛඳըͰ͖ͣʹ
    ۭനΛදࣔ
    

    View Slide

28. ·ͱΊ
    w ϑΥϯτͷϦιʔεԽͰΧελϜϑΥϯτΛΑΓ
    खܰʹར༻Մೳʹɻ
    w %PXOMPBEBCMF'POUTͰطʹΧελϜϑΥϯτ
    Λ࢖͍ͬͯΔΞϓϦͰ΋BQLαΠζ΍୺຤ͷϦιʔ
    εফඅΛݮΒ͢͜ͱ͕ग़དྷΔɻ
    w &NPKJ$PNQBUͰ࠷৽ͷֆจࣈͷจࣈද͕ࣔ
    ,JU,BUҎ্ͷ୺຤ͰදࣔՄೳʹɻ
    

    View Slide

29. ࢀߟࢿྉ
    w 'POUTJO9.-

    IUUQTEFWFMPQFSBOESPJEDPNQSFWJFXGFBUVSFTGPOUTJOYNMIUNM
    w %PXOMPBEBCMF'POUT

    IUUQTEFWFMPQFSBOESPJEDPNQSFWJFXGFBUVSFTEPXOMPBEBCMFGPOUTIUNM
    w (FU4UBSUFEXJUIUIF(PPHMF'POUTGPS"OESPJE CFUB
    

    IUUQTEFWFMPQFSTHPPHMFDPNGPOUTEPDTBOESPJE
    w %PXOMPBEBCMF'POUTͷαϯϓϧίʔυ

    IUUQTHJUIVCDPNHPPHMFTBNQMFTBOESPJE%PXOMPBEBCMF'POUT
    w &NPKJ$PNQBUJCJMJUZ

    IUUQTEFWFMPQFSBOESPJEDPNUPQJDMJCSBSJFTTVQQPSUMJCSBSZQSFWJFXFNPKJDPNQBUIUNM
    w &NPKJ$PNQBUͷαϯϓϧίʔυ

    IUUQTHJUIVCDPNHPPHMFTBNQMFTBOESPJE&NPKJ$PNQBU
    w 8IBUT/FXJO"OESPJE4VQQPSU-JCSBSZ (PPHMF*0
    

    IUUQTZPVUVCF7SP*F/6: UNT
    w #FTU1SBDUJDFTUP4MJN%PXO:PVS"QQ4J[F (PPHMF*0
    

    IUUQTZPVUVCF"EG,/HZ5 UNT
    w "OESPJE%FWFMPQFST#BDLTUBHF&QJTPEF'POUBTUJD

    IUUQBOESPJECBDLTUBHFCMPHTQPUKQFQJTPEFGPOUBTUJDIUNM
    

    View Slide

30. ͓·͚
    "OESPJE0͔ΒֆจࣈͷσβΠϯ͕มΘΓ·ͨ͠ɻ
    ϓϦϯͷΑ͏ͳܗΛͨ͠ֆจࣈؙ͕͘ͳΓ·ͨ͠
    #ZFCZFCMPCT)FMMPFNPUJWFTRVJTIZDJSDMFT
    IUUQTNFEJVNDPNHPPHMFEFTJHOSFEFTJHOJOHBOESPJEFNPKJDCFCDD
    

    View Slide

31. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide