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.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
590
Other Decks in Technology
See All in Technology
ISUCONに強くなるかもしれない日々の過ごしかた/Findy ISUCON 2024-11-14
fujiwara3
8
880
アジャイルでの品質の進化 Agile in Motion vol.1/20241118 Hiroyuki Sato
shift_evolve
0
170
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
760
強いチームと開発生産性
onk
PRO
35
11k
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
130
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
3.9k
AI前提のサービス運用ってなんだろう?
ryuichi1208
8
1.4k
rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理
kitsuya0828
3
390
日経電子版のStoreKit2フルリニューアル
shimastripe
1
140
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
Why App Signing Matters for Your Android Apps - Android Bangkok Conference 2024
akexorcist
0
130
[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)
abemii
0
230
Featured
See All Featured
Navigating Team Friction
lara
183
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
130
Music & Morning Musume
bryan
46
6.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
370
Building Applications with DynamoDB
mza
90
6.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
How to Ace a Technical Interview
jacobian
276
23k
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. */
ͱຊޠϑΥϯτ·ΘΓ