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.9k
安定的 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
670

Other Decks in Technology

See All in Technology
Introduce marp-ai-slide-generator
Avatar for Itaru Tomita itarutomy
0
170
ハッカソンから社内プロダクトへ AIエージェント ko☆shi 開発で学んだ4つの重要要素
Avatar for Tech Leverages leveragestech
0
500
_第4回__AIxIoTビジネス共創ラボ紹介資料_20251203.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
170
投資戦略を量産せよ 2 - マケデコセミナー(2025/12/26)
Avatar for tomo gamella
0
560
AWSに革命を起こすかもしれない新サービス・アップデートについてのお話
Avatar for Yuuki Yamashita yama3133
0
540
Strands AgentsのEvaluatorをLangfuseにぶち込んでみた
Avatar for あんどお andoooooo_bb
0
110
ハッカソンから社内プロダクトへ AIエージェント「ko☆shi」開発で学んだ4つの重要要素
Avatar for そのだ sonoda_mj
6
2k
SES向け、生成AI時代におけるエンジニアリングとセキュリティ
Avatar for LongbowXXX longbowxxx
0
270
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
Avatar for 株式会社スマートバンク smartbank
9
18k
日本Rubyの会: これまでとこれから
Avatar for Koji SHIMADA snoozer05
PRO
6
250
MySQLのSpatial(GIS)機能をもっと充実させたい ～ MyNA望年会2025LT
Avatar for sakaik sakaik
0
200
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
Avatar for Sonjin Yamamoto sonjin
0
110

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
57
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.1k
New Earth Scene 8
Avatar for Sydney Stone popppiees
0
1.3k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
100
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
220
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
860
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
99
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
220

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

    ͱ೔ຊޠϑΥϯτ·ΘΓ