HTML5 Conference 2016 LT "Yaku Han JP" by Qrac

デザイナーのQrac（クラク）が、HTML5 Conference 2016のLTで「約物半角Webフォント"Yaku Han JP"」について披露したプレゼン資料です。

Transcript

1. Yaku Han JP “Yakumono-Hankaku” Only Web Fonts Qrac Design Ninja
2. Design & Code ࣗݾ঺հ
3. Design 2016 06 2013 Code Yaku Han JP ࣗݾ঺հ
4. Agenda 1.
   :BLV
   )BO
   +1ͱ͸ʁ 2.
   ࡞ͬͨཧ༝ 3.
   ϝΠΩϯά 4.
   ࠷ޙʹ
5. 1. :BLV
   )BO
   +1ͱ͸ʁ
6. 1.
   :BLV
   )BO
   +1ͱ͸ʁ ೔ຊޠͷ ʮ໿෺ ʢΧοί΍۟ಡ఺ʣ ʯ ͷΈ ʂ ʂ ʮ໿෺൒֯ઐ༻ͷ8FCϑΥϯτʯ ɺ ɻ ʂ ʁ ʪʫ ʬʭ ʮʯ ʰʱ ʲʳ ʤʥ ɾ ʢʣ ɿʀ ʦʧ ʨʩ
7. 2. ࡞ͬͨཧ༝
8. 2.
   ࡞ͬͨཧ༝ ʮ೔ຊޠจࣈ٧Ί͕ਏ͔ͬͨʯ 8FCͷ ͔ΒͰ͢ɻ
9. 2.
   ࡞ͬͨཧ༝ σβΠφʔ͕࢖͏ *MMVTUSBUPS ʹ͸ɺ ศརͳઃఆ͕͋Γ·͢ɻ
10. 2.
    ࡞ͬͨཧ༝ ໿෺൒֯ ͜ΕҰൃͰɺ ໿෺ͷจࣈؒΛ٧ΊΒΕ·͢ɻ
11. 2.
    ࡞ͬͨཧ༝ ྫ͑͹ʮ͔ͬ͜ʯ΍ʰೋॏ͔ͬ͜ʱɺʲόοδʹ ࢖͍ͦ͏ͳ͔ͬ͜ʳͳͲΛ൒֯ʹͰ͖·͢ɻ ྫ͑͹ ʮ͔ͬ͜ʯ ΍ ʰೋॏ͔ͬ͜ʱ ɺ ʲόοδʹ࢖͍ͦ ͏ͳ͔ͬ͜ʳ ͳͲΛ൒֯ʹͰ͖·͢ɻ $44ʹ͸ɺ ίϨ͕ແ͍͔Βਏ͍ 
12. 2.
    ࡞ͬͨཧ༝ Ͱ͖Δ͚ͩ؆୯ͳํ๏Ͱɺ ͜ͷ໰୊Λղܾ͍ͨ͠ɻ
13. 2.
    ࡞ͬͨཧ༝ ͦ͏ݴ͑͹ɺ ϒϩάͷݟग़͠ͱ͔ͬ ͯ
14. 2.
    ࡞ͬͨཧ༝ Ԥจ͚ͩผͷϑΥϯτʹͳ͍ͬͯΔ 
15. 2.
    ࡞ͬͨཧ༝ CSS GPOUGBNJMZ BQQMFTZTUFN )FMWFUJDB
    /FVF )JSBHJOP
    ,BLV
    (PUIJD
    1SP/ .FJSZP ϝΠϦΦ 0TBLB ̢̨
    ̥ΰγοΫ  .4
    1(PUIJD BSJBM TBOTTFSJG ແ͔ͬͨΒ͕࣍͋ͨΔͷͰ
16. 2.
    ࡞ͬͨཧ༝ CSS GPOUGBNJMZ BQQMFTZTUFN )FMWFUJDB
    /FVF )JSBHJOP
    ,BLV
    (PUIJD
    1SP/ .FJSZP ϝΠϦΦ 0TBLB ̢̨
    ̥ΰγοΫ  .4
    1(PUIJD BSJBM TBOTTFSJG ೔ຊޠͷલʹɺ ൒֯ͷ໿෺Λ ઌʹ͋ͯͪΌ͏ :BLV
    )BO
    +1
17. 3. ϝΠΩϯά
18. 3.
    ϝΠΩϯά ϑΥϯτΤσΟλ (MZQIT ϑΥϯτ /PUP4BOT IUUQTHMZQITBQQDPN IUUQTXXXHPPHMFDPNHFUOPUPGBNJMZOPUPTBOTKQBO
19. 3.
    ϝΠΩϯά  จࣈ  จࣈ ೔ຊޠଟ͗͢ 
20. จࣈ จࣈ 3.
    ϝΠΩϯά ໿෺Ҏ֎Λ͢΂ͯ࡟আ
21. 3.
    ϝΠΩϯά ͜ͷ༨നͷ͍͔ͤ
22. 3.
    ϝΠΩϯά ༨നΛ൒෼ҎԼʹௐ੔
23. 3.
    ϝΠΩϯά ʮ(MZQITʯ ͸Ұׅௐ੔͕؆୯
24. 3.
    ϝΠΩϯά ௐ੔ˠॻ͖ग़͠Λ̓΢ΣΠτ෼܁Γฦ͢
25. 3.
    ϝΠΩϯά $44 ϑΝΠϧΛ࡞੒ͨ͠Β׬੒
26. 3.
    ϝΠΩϯά Before
27. ॕ 3.
    ϝΠΩϯά After
28. 3.
    ϝΠΩϯά 'BDFCPPL Ͱ ʮ ͍͍Ͷʯ ͳͲɺ ࢥͬͨҎ্ʹ൓ڹ͸ྑ͘ɺ ڻ͖·ͨ͠ɻ 8FC ΞϓϦͳͲʹ΋ ʂ ʢIUUQTZPOYIBUFOBCMPHDPNFOUSZʣ
29. 4.
    ࠷ޙʹ
30. 4.
    ࠷ޙʹ :BLV)BO+1 Λ࡞ͬ ͯΈͯࢥͬͨͷ͸
31. ʮ୭΋΍͍ͬͯͳ͍͜ͱͰ΋ɺ ΍ͬͯΈͨΒྑ͍͜ͱ͋Δʯ ͱ͍͏͜ͱɻ ॕ 4.
    ࠷ޙʹ
32. ࣗ෼͕΍ͬͨ͜ͱ͕׬ᘳͰͳͯ͘΋ɺ ଞͷਓʹӨڹΛ༩͑ͯɺ ΋ͬͱྑ͍΋ͷ͕ؼͬͯ͘ Δ͔΋ ʂ 4.
    ࠷ޙʹ
33. Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
34. @Qrac_jp https://qrac.jp Qrac Design Ninja