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.7k
安定的 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
620
Other Decks in Technology
See All in Technology
一人QA時代が終わり、 QAチームが立ち上がった話
ma_cho29
0
290
日本MySQLユーザ会ができるまで / making MyNA
tmtms
1
360
Dapr For Java Developers SouJava 25
salaboy
1
130
AI・LLM事業部のSREとタスクの自動運転
shinyorke
PRO
0
300
技術的負債を正しく理解し、正しく付き合う #phperkaigi / PHPerKaigi 2025
shogogg
7
1.8k
20250326_管理ツールの権限管理で改善したこと
sasata299
1
380
OPENLOGI Company Profile for engineer
hr01
1
22k
グループポリシー再確認
murachiakira
0
170
KCD Brazil '25: Enabling Developers with Dapr & Backstage
salaboy
1
120
React Server Componentは 何を解決し何を解決しないのか / What do React Server Components solve, and what do they not solve?
kaminashi
6
1.2k
AIエージェントキャッチアップと論文リサーチ
os1ma
6
1.2k
ISUCONにPHPで挑み続けてできるようになっ(てき)たこと / phperkaigi2025
blue_goheimochi
0
140
Featured
See All Featured
Done Done
chrislema
183
16k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Docker and Python
trallard
44
3.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
12
1.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
177
52k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Statistics for Hackers
jakevdp
798
220k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Language of Interfaces
destraynor
157
24k
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. */
ͱຊޠϑΥϯτ·ΘΓ