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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Taishi Ikai Taishi Ikai
June 30, 2016
Technology
3.2k
2

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

Avatar for Taishi Ikai

Taishi Ikai

June 30, 2016

More Decks by Taishi Ikai

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

Other Decks in Technology

See All in Technology
Redmine 7.0 新機能・機能強化解説（OSC2026京都ダイジェスト版）
Avatar for MAEDA Go vividtone
1
250
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
オートロックマンションなのに、各部屋は施錠なし！？ 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
Avatar for NTT docomo Business nttcom
1
1.6k
ホームラボ紹介
Avatar for 世良泰明 y_sera15
0
150
【CEDEC2026】グラフィックスエンジニアのためのニューラルシェーディング入門
Avatar for Cygames, Inc. cygames
PRO
0
140
Pavlokで始める電撃駆動開発
Avatar for 佐藤陽威 sgrsn
0
190
『三匹の子ぶた』から学ぶネットワークセキュリティの昔と今 / Network Security: Then and Now Through the Lens of The Three Little Pigs
Avatar for NTT docomo Business nttcom
1
1.8k
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
Avatar for Etsuji Nakai enakai00
7
4.4k
20260807_第6回_関東kaggler会LT_claw系bot xangiと始める、"寂しくない" kaggle
Avatar for suguuuuuすぐー sugupoko
0
250
サイバー捜査員研修（前半）
Avatar for Nomizo Nomizo nomizone
1
2k
変化の早いClaude Codeを 書籍に落とし込む
Avatar for Oikon oikon48
7
1.4k
AIエージェントを前提としたプラットフォーム エンジニアリング：GKEで作るAgent-Ready Golden Path
Avatar for LegalOn Technologies, Inc legalontechnologies
PRO
2
220

Featured

See All Featured
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
690
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.3M
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
3.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.1k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
200
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k

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

    ͱ೔ຊޠϑΥϯτ·ΘΓ