똾ꅿ ꧇䒽スイッチꟼ〡 嵞⛒

ソフトバンク٥テクノロジー葺㣕龤Ryotarox San

Part 1フォントꟼ鸬オーバービュー✔
✔

✔

✔

✔

✔

✔

https://twitter.com/osamum_MS/status/1047679682764668928

Ultra LightThin

LightBookRegular

誰でも使いやすく

たづがね ™ 角ゴシックは、手書きに近いフォルムを追求し、個々の文字のフトコロは狭く小さめに、文字が組まれた時に単語の輪郭や文章います。特にひらがなやカタカナでは、扁平にみえる文字は扁平に、縦長にみえる文字は縦長にみえるように、より自然なかたちを目指してにつながると考えました。括弧類は大きなサイズで使う際に悪目立ちしないように、見出し用の極端に細いウェイトと極端に太いウェイトでたづがね角ゴシックは読みやすさに定評のあるNeue Frutiger を英数字に採用しており、日本語の書体にあわせてサイズ調整をほどこし最適の姿がとらえやすくなるようにデザインされています。こうした処理が〈安心感〉や〈可読性〉

特に細くなるようにしています。化してあります。また、OpenType 機能の〈プ→フトコロを狭く︑手書き文字の自然なプ
ロポーシ
ョンに近づけていま東京 さ こ あ東京東京よ ん りう に が紐育 な紐育紐育ち とパリパリパリ ら は う↓自然なプロポーションの文字は、組んだときに単語のかたちが見えてきます。

↓扁平につくられる仮名の例

BoldHeavy

Black

Extra Black（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈（「｛〈Neue Frutiger国あアNeueFrutiger↓アルファベット部分には Neue Frutiger を採用。日本語の文字と自然に馴染むようにあらかじめサイズを大きく調整して搭載しています。

オリジナルの Neue Frutiger籍等の印刷物からスマートフォンやタブレット端末等のデジタルデバイス、建築施設や交通のサイン等、現代の幅広いニーズを想定して制作されています。

←JR 原宿駅JR Harajuku Station→陸上競技場Athletics Stadium﹃たづがね角ゴシック﹄と名付けました︒鶴の長寿にあやかり︑
末永
く
使
われて
い
くことを祈願して︻たづがね︼という
言葉は︑この︻鶴︼を意味します︒

鶴は﹃万葉集﹄の歌にもよ
く詠まれており︑↓縦長につくられる仮名の例

つ へ エ ニ ヘ うくりトリMedium

ロポーショナルメトリクス〉と〈カーニング〉を使用して、フォントデザイナーが設定した値で美しくツメ組することが可能です。雑誌・書プ →ロ たポ づー がシ ね
ョ 角ナ ゴル シメ ット クリ
ク
ス＋カ ︑
ーニ
ング↑

←日本語部分とアルファベット

長寿の象徴とされています︒

イ →スの間で フブ ォラ ンン トド をイ 使メ えー ばジ ︑の 印統 刷一 媒が 体し とや デす ジく タな ルり デま バ

日
本で
は﹁鶴は千年︑亀は万年﹂と
言
われる
ように

モチ
ーフとして多用されて親しまれてきました︒

優雅に飛ぶ
姿か
ら瑞鳥と
され
︑文学や芸
術
作品の古くから東アジアにおいてその気
品ある
佇まいやタ
ンチ
ョウに
代
表され
る鶴は︑

フォ
ン
ト名の由来

西高島平Nishi-Takashimadaira

千代田区

代々木Yoyogi

麹町新聞話題のトピック｜Hot Topics

巨匠イヴァン・ヴェローゾアジアの港を巡るワールドミュージックとブラジル音楽のコラボレーションを追求した「カエターノバンド」名義での初の来日となる、ボサノヴァ歌手イヴァン・ヴェローゾが46年ぶりに来日公演を果たす。

小屋は猫のおじぎ子汁のめいめいが直しねずみましまし。するとすこしいい気たございという狸たで。だめたでしんましもただって小太鼓の大丈夫どもの所ではねから変たまして、それなんかゴーシュを思うれんませた。やりすぎそれもこどもへくるしましてさっきの野ねずみのゴーシュ曲をなっ第二小屋あたりのマッチにあるながら来ましまし。

市ヶ谷重工、株価高騰で空前のボーナス支給へ

ワールドミュージックとブラジル音楽のコラボレーションを追求した「カエターノバンド」名義での初の来日となる、ボサノヴァ歌手イヴァン・ヴェローゾが46年ぶりに来日公演を果たす。

中目黒Nakameguro

飯田橋Iidabashi

市ヶ谷Ichigaya

Hyakubancho7-chomeChiyoda-ku青山一丁目

神保町Jimbocho

新御茶ノ水ShinOchanomizu大手町Otemachi

溜池山王Tameike-Sanno六本木Roppongi

恵比寿Ebisu

白金高輪Shirokane-Takanawa

目黒Meguro五反田Gotanda中延Nakanobu西馬込Nishi-Magome

日比谷Hibiya

霞ヶ関Kasumigaseki

国会議事堂前National Diet Bldg.

浅草橋Asakusabashi小川町／淡路町
馬Ogawamachi / AwajichoBa三越前Mitsukoshimae Mor人形町Ningyocho日本橋Nihombashi

東京Tokyo有楽町Yurakucho銀座Ginza

新橋Shimbashi

築地Tsukiji

東銀座Higashi-Ginza汐留Shiodome

麻布十番Azabujuban

浜松町／大門Hamamatsucho / Daimon

三田／田町Mita / Tamachi泉岳寺Sengakuji

蔵前Kuramae

秋葉原Akihabara

御茶ノ水Ochanomizu

四ッ谷Yotsuya永田町Nagatacho

浅草Asakus

上野Ueno

水道橋Suidobashi

九段下Kudanshita

赤坂見附Akasakamitsuke

表参道Omotesando

渋谷Shibuya

駒込Komagome

新宿三丁目Shinjuku-Sanchome

明治神宮前Meiji Jingu Shrine

町屋Machiya

西日暮里Nishi-Nippori

後楽園／春日Korakuen / Kasuga

Aoyama-Itchome

AyAyとの親和性が高いので、和欧併サッカー／ホッケー場記の公共サインでも使いやすいSoccer/Hockey Ground デザインです。

巣鴨Sugamo

９

都庁前Tochomae

The Kojimachi Times

西巣鴨Nishi-Sugamo

東新宿Higashi-Shinjuku

Higashi-Nakano

11:38

北千住Kita-Senju

池袋Ikebukuro新宿ShinjukuPhone

百番
町七丁目

赤羽岩淵Akabane-Iwabuchi

小竹向原Kotake-Mukaihara

高田馬場Takadanobaba

Web↓括弧類は使用されるサイズを考慮し、見出しで使われるウェイトではむやみに目立たないように細身にデザインされています。

見やすく読みやすく

Medium 15Q

鶴

いゴちシばッんク人体にを﹁近︑い自︑然伝わ体る﹂へ文︒字へ︒

茅場町Kayabacho

八丁堀Kayabacho月島Tsukishima

豊洲Toyos

誰でも使いやすくがると考えました。括弧類は大きなサイう際に悪目立ちしないように、見出し用に細いウェイトと極端に太いウェイトでくなるようにしています。

ありがとう←JR 原宿駅JR Harajuku Station→陸上競技場Athletics Stadium﹃たづがね角ゴシック﹄と名付けました︒鶴の長寿にあやかり︑末永く使われていくことを祈願して︻たづがね︼という
言葉は︑この︻鶴︼を意味します︒

鶴は﹃万葉集﹄の歌にもよく詠まれており︑仮名の例

くりトリExtra Black↑サッカー／ホッケー場Soccer/Hockey Ground←日本語部分とアルファベットとの親和性が高いので、和欧併記の公共サインでも使いやすいデザインです。

長寿の象徴とされています︒

イ →スの間で フブ ォラ ンン トド をイ 使メ えー ばジ ︑の 印統 刷一 媒が 体し とや デす ジく タな ルり デま バ

日本
では
﹁鶴は千年︑亀は万年﹂と
言われ
るように

モチ
ーフとして多用されて親しまれてきました︒

優雅に飛ぶ
姿か
ら
瑞鳥とされ
︑文学や芸
術作品の

古くか
ら
東
ア
ジアにおいてその気
品ある
佇まいやタ
ンチ
ョウに代表される鶴は︑フ
ォン
ト名の由来

千代田区

麹町新聞話題のトピック｜Hot Topics

代々木Yoyogi

Hyakubancho7-chomeChiyoda-ku青山一丁目

ワールドミュージックとブラジル音楽のコラボレーションを追求したSui

九段Kudansh

四ッ谷Yotsuya永田町Nagatacho

赤坂見附Akasakamitsuke

溜池山王Tameike-Sanno六本木Roppongi

表参道Omotesando

中目黒Nakameguro

飯田橋Iidabashi

市ヶ谷Ichigaya

Aoyama-Itchome

渋谷Shibuya「カエターノバンド」名義での初の来日となる、

後楽Korakuen /新宿三丁目Shinjuku-Sanchome

明治神宮前Meiji Jingu Shrine

巨匠イヴァン・ヴェローゾアジアの港を巡る

巣Sugam９

都庁前Tochomae

The Kojimachi Times

西巣鴨Nishi-Sugamo

東新宿Higashi-Shinjuku

Higashi-Nakano

11:38

百番
町七丁目

池袋Ikebukuro新宿ShinjukuPhone

Akaban

小竹向原Kotake-Mukaihara

高田馬場Takadanobaba

Web

こんにちはを使用して、フォントデザイナーが設定した値で美しくツメ組することが可能です。雑誌・書籍等の印刷物からスマートフォンやタブレット端末等のデジタルデバイス、建築施設や交通のサイン等、現代の幅広いニーズを想定して制作されています。

Medium 15Q

んだときに単語のかたちが見えてきます。

たづがね角ゴシックは読みやすさに定評のあるNeue Frutiger を英数字に採用しており、日本語の書体にあわせてサイズ調整をほどこし最適化してあります。また、OpenType 機能の〈プロポーショナルメトリクス〉と〈カーニング〉

プ →ロ たポ づー がシ ね
ョ 角ナ ゴル シメ ット クリク
ス＋カ ︑ーニング

西高島平Nishi-Takashimadaira

恵比寿Ebisu

白金高輪Shirokane-Takanawa

目黒Meguro

麻A圖書圖書圖書圖書언어언어
언어
언어언어
언어

0ⰼ49,800ⰼ

ⰼ3030,00024,000ⰼ24• 搀ⵖꣲのアクティベート• 搀ⵖꣲのページビュー• ドメインリストが♶銲に• 1500ファミリー⟃♳• ㄤ俑フォントも⯍㹋倜剅⡤こぶりなゴシック 字游工房游ゴシック体 字游工房

筑紫Q明朝

丸明オールド 砧書体制作所A1明朝

モリサワ

筑紫Aオールド明朝

フォントワークス

筑紫A丸ゴシック

フォントワークス

筑紫B丸ゴシック

フォントワークス

ៀఁ౤ ̵ͧ͝

フォントワークス

モリサワ

しまなみかもめ龍爪さくらぎ蛍雪エコーオーブ

モリサワ秀英にじみ丸ゴシックL秀英にじみ丸ゴシックB

僴䎃に竲き넝まったフォント橆㞮がいっそうリッチにPart 2「➙䎃の俑㶵」で䮶り鵤るトレンド묂「の俑㶵」2017䎃「➙䎃CSS Nite Shift11

2017䎃「➙䎃の俑㶵」CSS Nite Shift11

「➙䎃➙䎃の恌㶵恌㶵」」2017䎃「CSS Nite Shift11

筑紫Q明朝

2017䎃「➙䎃の俑㶵」CSS Nite Shift11묂2017䎃「➙䎃の俑㶵」CSS Nite Shift11ៀఁ౤ៀఁ౤ៀఁ౤ៀఁ౤

2017䎃「➙䎃の俑㶵」CSS Nite Shift11

https://twitter.com/thomasfuchs/status/924576108779048965

묂

➙䎃の俑㶵20182018

20182018

20182018

カーニング「オプティカル」

ライニング

オールドスタイル

12345678901234567890

ライニング

オールドスタイル

12345678901234567890

瘝䌴

ライニング

オールドスタイル

プロポーショナル

瘝䌴ライニング侧㶵プロポーショナルライニング侧㶵瘝䌴オールドスタイル侧㶵プロポーショナルオールドスタイル侧㶵2018

2018

2018

2018

瘝䌴ライニング

オールドスタイル

プロポーショナル

2018䎃「➙䎃の俑㶵」CSS Nite Shift12

ゲートウェイ

「넝鰵ゲートウェイ」꼾せ㉏겗https://news.yahoo.co.jp/byline/kobayashitakuya/20181205-00106600/https://note.mu/ino/n/n52fe27e3687b

https://twitter.com/sogitani_baigie/status/1070478523549151232

！

2018䎃「➙䎃の俑㶵」CSS Nite Shift12https://www.netflix.com/jp/title/80216752

2018䎃「➙䎃の俑㶵」CSS Nite Shift12

https://www.instagram.com/p/BqPhUCuiPZM/

上海

上海

上海

上海

！

Part 3• 傀㶷剅⡤を䭷㹀して⢪欽• 傀㶷剅⡤をカスタマイズ• 倜鋉に杝荈剅⡤をⵖ⡲

https://www.itsnicethat.com/news/netflix-sans-typeface-dalton-maag-graphic-design-210318

• 杝荈のフォントを⢪うことによるブランド⸂のぢ♳• フォントのライセンスを荈爡で⥂䭯することによる穗顤⵴幾https://airbnb.design/introducing-airbnb-cereal/https://github.com/IBM/plexhttps://evernote.com/blog/jp/elephant-logo-story/

https://evernote.com/blog/jp/elephant-logo-story/CSS NitePart 4https://www.studiobinder.com/blog/text-graphics-in-video/ˑチカラワザ٥スウォッシュ˒Part 5

フォントおじさんおすすめ

Webフォント導入事例2018

Best 33

SUN-AD サン・アド

こぶりなゴシック W6

SUN-AD サン・アド

こぶりなゴシック W6

SUN-AD サン・アド

こぶりなゴシック W6

SUN-AD サン・アド

こぶりなゴシック W6

フォント FP-こぶりなゴシック StdNウエイト W6カーニング なし

鈴乃屋オリジナルコレクション 衣のいのち

筑紫明朝

8

鈴乃屋オリジナルコレクション 衣のいのち

筑紫明朝

鈴乃屋オリジナルコレクション 衣のいのち

筑紫明朝

鈴乃屋オリジナルコレクション 衣のいのち

筑紫明朝

鈴乃屋オリジナルコレクション 衣のいのち

筑紫明朝

鈴乃屋オリジナルコレクション 衣のいのち

フォントウエイトカーニング

FOT-筑紫明朝 Pr6Lなし

筑紫明朝

鬼怒川金谷ホテル

筑紫Aオールド明朝

鬼怒川金谷ホテル

筑紫Aオールド明朝

鬼怒川金谷ホテル

筑紫Aオールド明朝

鬼怒川金谷ホテル

筑紫Aオールド明朝

筑紫Aオールド明朝

鬼怒川金谷ホテルフォントウエイトカーニング

FOT-筑紫Aオールド明朝 Pr6 RRなし

筑紫書体の魅力筑紫書体のニューフェースその他、気になるWebフォント導入事例

21

DENSO - 株式会社デンソー

DENSO TP̲2017 Light

DENSO - 株式会社デンソー

フォントウエイトカーニング

DENSO TP̲2017Lなし

DENSO TP̲2017

JAL企業サイト

Helvetica Neue Ultra LightJAL企業サイト

Helvetica Neue Ultra Lightフォントウエイトカーニング

Helvetica NeueUltra Lightなし

MINI Japan

モトヤ丸アポロMINI Japan

モトヤ丸アポロフォントウエイトカーニング

Motoya Aporo StdW3Rなし

レクサス

レクサスロダン・Novelレクサス

レクサスロダン・Novel

フォントウエイトカーニング

レクサスロダン Pro
Mなし

Webフォントランキング2016 → 2017 → 201830

過去3年間のフォントランキング推移2018年

フォント名

分類

1〜10位

フォントメーカー

2017年

2106年

1筑紫ゴシック

ゴシック系

FONTWORKS122

筑紫A丸ゴシック丸ゴシック系 FONTWORKS

353

筑紫明朝

明朝系

FONTWORKS

214

ヒラギノ角ゴシック（N仕様）

ゴシック系

SCREEN

465

ロダン

ゴシック系

FONTWORKS

546

筑紫Aオールド明朝

明朝系

FONTWORKS

7107

筑紫明朝（N仕様）

明朝系

FONTWORKS--

8

新ゴゴシック系

MORISAWA

639

リュウミン

明朝系

MORISAWA

10810

マティス

明朝系

FONTWORKS

97

Monotype書体

Webフォントランキング

1〜10位

関口 浩之FONTPLUSエヴァンジェリストシニアコンサルタント

フォントおじさんソフトバンク・テクノロジー株式会社22

文字は文字でいてください情感・シーンにあったフォント選びが大事フォントソムリエ感context × fonts（文脈）（書体）ウェブフォントが䔲搫のものになりծ秵㯭⡤との侭さ䚍は䗳갭կ

そこからծロゴタイプの知稆⻉

コーポレートフォントへのꟼ䗰が넝まった♧䎃կウェブフォントが䔲搫のものになりծ秵㯭⡤との侭さ䚍は䗳갭կ

そこからծロゴタイプの知稆⻉

コーポレートフォントへのꟼ䗰が넝まった♧䎃կAI、X-Tech、デジタルトランスフォー

メーション、そして、ソサエティ5.0 が騒がれる昨今、産業や社会の変化とともに、Web 制作に従事するもの、2020 年に向けて何を見据えるべきか ?! を供に考えたい。

産業や社会、そして人の行動の変化、2020 年に向けて何を見据えるべきか ?!
AI、X-Tech、デジタルトランスフォー

メーション、そして、ソサエティ5.0 が騒がれる昨今、産業や社会の変化とともに、Web 制作に従事するもの、2020 年に向けて何を見据えるべきか ?! を供に考えたい。

産業や社会、そして人の行動の変化、2020 年に向けて何を見据えるべきか ?!
AI、X-Tech、デジタルトランスフォー

メーション、そして、ソサエティ5.0 が騒がれる昨今、産業や社会の変化とともに、Web 制作に従事するもの、2020 年に向けて何を見据えるべきか ?! を供に考えたい。

産業や社会、そして人の行動の変化、2020 年に向けて何を見据えるべきか ?!
AI、X-Tech、デジタルトランスフォーメーション、そして、ソサエティ5.0 が騒がれる昨今、産業や社会の変化とともに、Web 制作に従事するもの、2020 年に向けて何を見据えるべきか ?! を供に考えたい。

AI、X-Tech、デジタルトランスフォーメーション、そして、ソサエティ5.0が騒がれる昨今、産業や社会の変化とともに、Web制作に従事するもの、2020年に向けて何を見据えるべきか?!を供に考えたい。

AI、X-Tech、デジタルトランスフォーメーション、そして、ソサエティ5.0が騒がれる昨今、産業や 社会の変化とともに、Web制作に従事するもの、2020年に向けて何を見据えるべきか?!を供に考えたい。

AI、X-Tech、デジタルトランスフォーメーション、そして、ソサエティ5.0が騒がれる昨今、産業や社会の変化とともに、Web制作に従事するもの、2020年に向けて何を見据えるべきか?!を供に考えたい。

AI、X-Tech、デジタルトランスフォーメーション、そして、ソサエティ5.0 が騒がれる昨今、産業や社会の変化とともに、Web 制作に従事するもの、2020 年に向けて何を見据えるべきか ?! を供に考えたい。