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

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

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
1.8k
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
19
4.3k
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
43
36k
86b45faad28dfccd89b4ec04ef00c62e?s=48 ikait
1
460

Other Decks in Technology

See All in Technology
Cc8a208e174943d1da814783841abd50?s=48 shinodogg
0
160
457ada693e168bd1102fec3914040b5d?s=48 uipath_friends
0
130
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
510
E8f618bf29b36a046d01e235071b2ac3?s=48 trafficbrain
0
500
97d180294474e9df01503148f3b11f39?s=48 lambda
0
140
1817c3d5995710d04506a17cc9b5c9ba?s=48 runrunsan
1
200
Cc8a208e174943d1da814783841abd50?s=48 shinodogg
2
220
B2fefbb30aba7c25bbe0c8819791631a?s=48 gunnargrosch
1
420
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
160
D5a8875907107294786ee8cba72c7f4c?s=48 torufuru
1
280
0620564f0125b8b3b7f4fe40c10b8b4e?s=48 tattn
2
330
C636093440dd4a8be6416e83cb980979?s=48 iselegant
13
2.5k

Featured

See All Featured
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
145
19k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
205
6.7k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
39k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
499
36k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k
Ba530e786553390f3fb271848485681c?s=48 3n
161
22k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
281
46k

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. */

    ͱ೔ຊޠϑΥϯτ·ΘΓ