Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Typography and Fonts と日本語フォントまわり

86b45faad28dfccd89b4ec04ef00c62e?s=47 Taishi Ikai
June 30, 2016
Technology
2
2.8k

Typography and Fonts と日本語フォントまわり

86b45faad28dfccd89b4ec04ef00c62e?s=128

Taishi Ikai

June 30, 2016
Tweet

More Decks by Taishi Ikai

See All by Taishi Ikai
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
1
2.1k
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
19
4.5k
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
43
37k
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
1
480

Other Decks in Technology

See All in Technology
00101a1274d1f92977f4e442ef73be86?s=48 ahana
0
150
7fb060398b26ed622d34921bd64e4f5d?s=48 yoshiakiyamasaki
0
150
7cd783377515bdf8207062840b7b2f4e?s=48 soracom
PRO
0
230
3ac512f1cbab89f8671ff4718f23d150?s=48 takewell
0
270
98234c645fe8c935edc0fec0186d28b8?s=48 garethr
1
110
46839cf590a549efe13547c17a6b2fde?s=48 isaoshimizu
2
240
F400611942a8b7a695f741f9a720fcf8?s=48 koooootake
5
410
5a9fb3b80c517e51e4e95a27b63c6a67?s=48 takuyatezuka
3
2k
63bf22db8ab8da3851da34d2e0cb0c69?s=48 imairi
17
7.4k
3963d978958a24d83c4cedb0318aafd6?s=48 doko_w
0
100
2037978e199b5947c8304d0435de9944?s=48 irisuinwl
0
420
3009eedce0d0f7ae45987a7bd8f57b85?s=48 nkjzm
0
140

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
194
8.9k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.6k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
364
63k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
8.1k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
448
36k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
496
110k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
98
15k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.6k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
37
1.7k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
504
37k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k

Transcript

  1. Typography and Fonts /* Taishi Ikai - Nikkei Inc. */

    ͱ೔ຊޠϑΥϯτ·ΘΓ

  2. About me ழࣂ େࢤ (͍͔͍ ͍ͨ͠) ೔ຊܦࡁ৽ฉࣾ 2015೥ೖࣾ ࢴ໘ϏϡʔΞʔΞϓϦͷ։ൃऀ •

    αʔόʔ (Python / Node.js) • ϑϩϯτ (Swift)

  3. 1. SF Mono 2. San Francisco Fonts 3. ೔ຊޠจࣈ૊Έ·ΘΓ

  4. SF Mono

  5. https://developer.apple.com/wwdc/

  6. None

  7. Xcode 8 ͷσϑΥϧτઃఆʹ

  8. Xcode 8 ͷσϑΥϧτઃఆʹ

  9. Source Han Code JP

  10. Source Han Code JP github.com/adobe-fonts/source-han-code-jp

  11. Source Han Code JP github.com/adobe-fonts/source-han-code-jp

  12. ABCDE NOPQR abcde nopqr 12345 શͯͷ΢ΣΠτɺάϥϑ͕౳෯ খ͍͞αΠζͰͷՄಡੑ ϥςϯɺΩϦϧɺΪϦγΞจࣈ

  13. wmWMÆŒTM©%‰ Light wmWMÆŒTM©%‰ Regular wmWMÆŒTM©%‰ Medium wmWMÆŒTM©%‰ Semi Bold wmWMÆŒTM©%‰

    Bold wmWMÆŒTM©%‰ Heavy શͯͷ΢ΣΠτɺάϥϑ͕౳෯

  14. খ͍͞αΠζͰͷՄಡੑ . : • { * 0 . : •

    { * 0

  15. খ͍͞αΠζͰͷՄಡੑ

  16. Xcode 8 ͷσϑΥϧτઃఆʹ

  17. San Francisco Fonts https://developer.apple.com/fonts/

  18. SF UI Display SF UI Text SF Compact Display SF

    Compact Text

  19. Ultra light ― Black
 શ 9 ΢ΣΠτ

  20. SF UI Display SF UI Text SF Compact Display SF

    Compact Text

  21. SF UI Display SF UI Text SF Compact Display SF

    Compact Text macOS iOS tvOS

  22. SF UI Display SF UI Text SF Compact Display SF

    Compact Text watchOS

  23. SF UI Display SF UI Text SF Compact Display SF

    Compact Text
  24. None

  25. SF UI Display SF UI Text SF Compact Display SF

    Compact Text
 ϑΥϯταΠζʹΑΓɺࣗಈͰ
 Display ͔ Text ͕બ୒͞ΕΔ

  26. τϥοΩϯά WANTEDLY จࣈͷִؒʢҰ཯ʣ

  27. WANTEDLY τϥοΩϯά τϥοΩϯά͕
 จࣈαΠζ͝ͱʹࣗಈௐ੔͞ΕΔ

  28. มߋ఺

  29. ʙ iOS 9 testtest@test.com

  30. iOS 9 iOS 10 testtest@test.com

  31. BLACK CIRCLE U+25CF

  32. ʙ iOS 9

  33. iOS 9 iOS 10

  34. BLACK CIRCLE U+25CF

  35. https://developer.apple.com/fonts/

  36. 1. SF Mono 2. San Francisco Fonts 3. ೔ຊޠจࣈ૊Έ·ΘΓ

  37. ্ւɺࢦ਺࠾༻ݟૹΓͰ্஋ॏ͘ ʮཪޱ্৔ʯن੍ڧԽ΋ॏՙ

  38. ্ւɺࢦ਺࠾༻ݟૹΓ ʮཪޱ্৔ʯن੍ڧԽ΋ॏՙ

  39. ্ւɺࢦ਺࠾༻ݟૹΓ ʮཪޱ্৔ʯن੍ڧԽ΋ॏՙ ʮ

  40. ߦ಄Ґஔௐ੔ ্ւɺࢦ਺࠾༻ݟૹΓͰ্஋ॏ͘ ʮཪޱ্৔ʯن੍ڧԽ΋ॏՙ ňཪޱ

  41. ೔ຊൃ໌ৼڵڠɺʮൃ໌ͱԻָ…

  42. ࿈ଓ͢Δ໿෺ ೔ຊൃ໌ৼڵڠɺʮൃ໌ͱԻָ… ɺʮൃ ڠ

  43. ೔ຊൃ໌ৼڵڠŊ ňൃ໌ͱԻָ… ɺ ňൃ ڠ ࿈ଓ͢Δ໿෺

  44. ӳࠃͷԤभ࿈߹ &6 ཭୤͕ܾ· Γɺੈքͷۚ༥ࢢ৔Ͱυϧෆ଍͕

  45. ӳࠃͷԤभ࿈߹ &6 ཭୤͕ܾ· Γɺੈքͷۚ༥ࢢ৔Ͱυϧෆ଍͕ ۟ಡ఺͕ߦ಄ʹ͸དྷΕͳ͍ͷͰɺ ΍Ήͳ͘վߦ͕ߦΘΕΔ

  46. ӳࠃͷԤभ࿈߹ &6 ཭୤͕ܾ· Γɺੈքͷۚ༥ࢢ৔Ͱυϧෆ଍͕

  47. ӳࠃͷԤभ࿈߹ &6 ཭୤͕ܾ·Γɺ ੈքͷۚ༥ࢢ৔Ͱυϧෆ଍͕ڧ· ௥͍ग़͠

  48. github.com/ikait/KernLabel ೔ຊޠͰ΋៉ྷͳจࣈ૊ΈΛ

  49. 1. SF Mono 2. San Francisco Fonts 3. ೔ຊޠจࣈ૊Έ·ΘΓ

  50. Typography and Fonts /* Taishi Ikai - Nikkei Inc. */

    ͱ೔ຊޠϑΥϯτ·ΘΓ