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
3k
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.6k
安定的 60 fps をめざす / the way to 60 fps
ikait
19
5.4k
紙面ビューアーを支える サーバーレスアーキテクチャ / serverless architecture supports Nikkei's paper viewer
ikait
43
40k
SwiftとCoreTextと文字組み
ikait
1
570
Other Decks in Technology
See All in Technology
MySQLのロックの種類とその競合
yoku0825
6
1.6k
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
エンジニア向け会社紹介資料
caddi_eng
14
230k
簡単に始めるSnowflakeの機械学習
nayuts
1
190
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
さらに高品質・高速化を目指すAI時代のテスト設計支援と、めざす先 / AI Test Lab vol.1
shift_evolve
0
190
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
190
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
160
Featured
See All Featured
It's Worth the Effort
3n
181
27k
How STYLIGHT went responsive
nonsquared
93
5k
Thoughts on Productivity
jonyablonski
64
4.1k
Agile that works and the tools we love
rasmusluckow
325
20k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Web Components: a chance to create the future
zenorocha
307
41k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Scaling GitHub
holman
458
140k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Building Applications with DynamoDB
mza
89
5.8k
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. */
ͱຊޠϑΥϯτ·ΘΓ