Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Typography and Fonts と日本語フォントまわり
Search
Taishi Ikai
June 30, 2016
Technology
2
3.1k
Typography and Fonts と日本語フォントまわり
Taishi Ikai
June 30, 2016
Tweet
Share
More Decks by Taishi Ikai
See All by Taishi Ikai
日経電子版でApp内課金を導入した話 / Nikkei uses In-App Purchase
ikait
2
2.8k
安定的 60 fps をめざす / the way to 60 fps
ikait
19
5.6k
紙面ビューアーを支える サーバーレスアーキテクチャ / serverless architecture supports Nikkei's paper viewer
ikait
43
40k
SwiftとCoreTextと文字組み
ikait
1
650
Other Decks in Technology
See All in Technology
AIが書いたコードをAIが検証する!自律的なモバイルアプリ開発の実現
henteko
1
340
GopherCon Tour 概略
logica0419
2
190
Trust as Infrastructure
bcantrill
0
340
pprof vs runtime/trace (FlightRecorder)
task4233
0
170
バイブコーディングと継続的デプロイメント
nwiizo
2
430
Access-what? why and how, A11Y for All - Nordic.js 2025
gdomiciano
1
110
Large Vision Language Modelを用いた 文書画像データ化作業自動化の検証、運用 / shibuya_AI
sansan_randd
0
110
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
ユニットテストに対する考え方の変遷 / Everyone should watch his live coding
mdstoy
0
130
From Prompt to Product @ How to Web 2025, Bucharest, Romania
janwerner
0
120
職種別ミートアップで社内から盛り上げる アウトプット文化の醸成と関係強化/ #DevRelKaigi
nishiuma
2
140
stupid jj tricks
indirect
0
7.9k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
The World Runs on Bad Software
bkeepers
PRO
71
11k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Speed Design
sergeychernyshev
32
1.1k
Building an army of robots
kneath
306
46k
Making Projects Easy
brettharned
119
6.4k
It's Worth the Effort
3n
187
28k
Typedesign – Prime Four
hannesfritz
42
2.8k
Why Our Code Smells
bkeepers
PRO
339
57k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Facilitating Awesome Meetings
lara
56
6.6k
Being A Developer After 40
akosma
91
590k
Transcript
Typography and Fonts /* Taishi Ikai - Nikkei Inc. */
ͱຊޠϑΥϯτ·ΘΓ
About me ழࣂ େࢤ (͍͔͍ ͍ͨ͠) ຊܦࡁ৽ฉࣾ 2015ೖࣾ ࢴ໘ϏϡʔΞʔΞϓϦͷ։ൃऀ •
αʔόʔ (Python / Node.js) • ϑϩϯτ (Swift)
1. SF Mono 2. San Francisco Fonts 3. ຊޠจࣈΈ·ΘΓ
SF Mono
https://developer.apple.com/wwdc/
None
Xcode 8 ͷσϑΥϧτઃఆʹ
Xcode 8 ͷσϑΥϧτઃఆʹ
Source Han Code JP
Source Han Code JP github.com/adobe-fonts/source-han-code-jp
Source Han Code JP github.com/adobe-fonts/source-han-code-jp
ABCDE NOPQR abcde nopqr 12345 શͯͷΣΠτɺάϥϑ͕෯ খ͍͞αΠζͰͷՄಡੑ ϥςϯɺΩϦϧɺΪϦγΞจࣈ
wmWMÆŒTM©%‰ Light wmWMÆŒTM©%‰ Regular wmWMÆŒTM©%‰ Medium wmWMÆŒTM©%‰ Semi Bold wmWMÆŒTM©%‰
Bold wmWMÆŒTM©%‰ Heavy શͯͷΣΠτɺάϥϑ͕෯
খ͍͞αΠζͰͷՄಡੑ . : • { * 0 . : •
{ * 0
খ͍͞αΠζͰͷՄಡੑ
Xcode 8 ͷσϑΥϧτઃఆʹ
San Francisco Fonts https://developer.apple.com/fonts/
SF UI Display SF UI Text SF Compact Display SF
Compact Text
Ultra light ― Black શ 9 ΣΠτ
SF UI Display SF UI Text SF Compact Display SF
Compact Text
SF UI Display SF UI Text SF Compact Display SF
Compact Text macOS iOS tvOS
SF UI Display SF UI Text SF Compact Display SF
Compact Text watchOS
SF UI Display SF UI Text SF Compact Display SF
Compact Text
None
SF UI Display SF UI Text SF Compact Display SF
Compact Text ϑΥϯταΠζʹΑΓɺࣗಈͰ Display ͔ Text ͕બ͞ΕΔ
τϥοΩϯά WANTEDLY จࣈͷִؒʢҰʣ
WANTEDLY τϥοΩϯά τϥοΩϯά͕ จࣈαΠζ͝ͱʹࣗಈௐ͞ΕΔ
มߋ
ʙ iOS 9
[email protected]
iOS 9 iOS 10
[email protected]
BLACK CIRCLE U+25CF
ʙ iOS 9
iOS 9 iOS 10
BLACK CIRCLE U+25CF
https://developer.apple.com/fonts/
1. SF Mono 2. San Francisco Fonts 3. ຊޠจࣈΈ·ΘΓ
্ւɺࢦ࠾༻ݟૹΓͰ্ॏ͘ ʮཪޱ্ʯن੍ڧԽॏՙ
্ւɺࢦ࠾༻ݟૹΓ ʮཪޱ্ʯن੍ڧԽॏՙ
্ւɺࢦ࠾༻ݟૹΓ ʮཪޱ্ʯن੍ڧԽॏՙ ʮ
ߦ಄Ґஔௐ ্ւɺࢦ࠾༻ݟૹΓͰ্ॏ͘ ʮཪޱ্ʯن੍ڧԽॏՙ ňཪޱ
ຊൃ໌ৼڵڠɺʮൃ໌ͱԻָ…
࿈ଓ͢Δ ຊൃ໌ৼڵڠɺʮൃ໌ͱԻָ… ɺʮൃ ڠ
ຊൃ໌ৼڵڠŊ ňൃ໌ͱԻָ… ɺ ňൃ ڠ ࿈ଓ͢Δ
ӳࠃͷԤभ࿈߹ &6 ͕ܾ· Γɺੈքͷۚ༥ࢢͰυϧෆ͕
ӳࠃͷԤभ࿈߹ &6 ͕ܾ· Γɺੈքͷۚ༥ࢢͰυϧෆ͕ ۟ಡ͕ߦ಄ʹདྷΕͳ͍ͷͰɺ Ήͳ͘վߦ͕ߦΘΕΔ
ӳࠃͷԤभ࿈߹ &6 ͕ܾ· Γɺੈքͷۚ༥ࢢͰυϧෆ͕
ӳࠃͷԤभ࿈߹ &6 ͕ܾ·Γɺ ੈքͷۚ༥ࢢͰυϧෆ͕ڧ· ͍ग़͠
github.com/ikait/KernLabel ຊޠͰ៉ྷͳจࣈΈΛ
1. SF Mono 2. San Francisco Fonts 3. ຊޠจࣈΈ·ΘΓ
Typography and Fonts /* Taishi Ikai - Nikkei Inc. */
ͱຊޠϑΥϯτ·ΘΓ