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

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

Avatar for Taishi Ikai Taishi Ikai
June 30, 2016
Technology
2
3.1k

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

Avatar for Taishi Ikai

Taishi Ikai

June 30, 2016
Tweet

More Decks by Taishi Ikai

See All by Taishi Ikai
日経電子版でApp内課金を導入した話 / Nikkei uses In-App Purchase
Avatar for Taishi Ikai ikait
2
2.8k
安定的 60 fps をめざす / the way to 60 fps
Avatar for Taishi Ikai ikait
19
5.6k
紙面ビューアーを支える サーバーレスアーキテクチャ / serverless architecture supports Nikkei's paper viewer
Avatar for Taishi Ikai ikait
43
40k
SwiftとCoreTextと文字組み
Avatar for Taishi Ikai ikait
1
640

Other Decks in Technology

See All in Technology
API の仕様から紐解く「MCP 入門」 ～MCP の「コンテキスト」って何だ？～
Avatar for CData Software Japan cdataj
0
140
DB 醬，嗨！哪泥嘎斯基？
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
120
AIエージェントの継続的改善のためオブザーバビリティ
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
6
1k
自分を理解するAI時代の準備 〜マイプロフィールMCPの実装〜
Avatar for edo edo_m18
0
100
「伝える」を加速させるCursor術
Avatar for Naomi Shiraishi naomix
0
610
"SaaS is Dead" は本当か！？ 生成AI時代の医療 Vertical SaaS のリアル
Avatar for KAKEHASHI kakehashi
PRO
3
180
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
41
23k
Introduction to Sansan Meishi Maker Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
280
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
110
Model Mondays S2E01: Advanced Reasoning
Avatar for Nitya Narasimhan, PhD nitya
0
310
“プロダクトを好きになれるか“も QAエンジニア転職の大事な判断基準だと思ったの
Avatar for yuden tomodakengo
0
120
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
17k

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Navigating Team Friction
Avatar for Lara Hogan lara
186
15k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
32
5.9k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.9k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k

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 [email protected]

  30. iOS 9 iOS 10 [email protected]

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

    ͱ೔ຊޠϑΥϯτ·ΘΓ