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.5k
紙面ビューアーを支える サーバーレスアーキテクチャ / serverless architecture supports Nikkei's paper viewer
ikait
43
40k
SwiftとCoreTextと文字組み
ikait
1
600
Other Decks in Technology
See All in Technology
抽象化をするということ - 具体と抽象の往復を身につける / Abstraction and concretization
soudai
27
14k
「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly
i35_267
1
550
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
1
1.4k
分解して理解する Aspire
nenonaninu
2
500
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
330
わたしのOSS活動
kazupon
2
310
人はなぜISUCONに夢中になるのか
kakehashi
PRO
6
1.7k
システム・ML活用を広げるdbtのデータモデリング / Expanding System & ML Use with dbt Modeling
i125
1
280
脳波を用いた嗜好マッチングシステム
hokkey621
0
180
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
920
Classmethod AI Talks(CATs) #17 司会進行スライド(2025.02.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol17_2025-02-19
shinyaa31
0
160
株式会社EventHub・エンジニア採用資料
eventhub
0
4.3k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
176
9.5k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Six Lessons from altMBA
skipperchong
27
3.6k
Building Applications with DynamoDB
mza
93
6.2k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
How to train your dragon (web standard)
notwaldorf
91
5.8k
Site-Speed That Sticks
csswizardry
4
390
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
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. */
ͱຊޠϑΥϯτ·ΘΓ