Download as PDF, PPTX
![Typography: Corporate typefaces
As with our logo, consistent use of our corporate typefaces—Adobe Clean and Minion® Pro—reinforces Adobe’s brand
identity. Both are OpenType™, a cross-platform format that provides richer linguistic support through widely expanded
character sets and advanced layout features.
Both fonts are available for download from Marketing Hub under Corporate > Corporate Fonts.
Primary typeface - Adobe Clean
Secondary type face - Minion Pro
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890
=~!@#$%^&*()+[]{}|:;’:”<>?,./
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890
=~!@#$%^&*()+[]{}|:;’:”<>?,./
Adobe Clean should be used for headlines and may be used
for copy. Short headlines or labels can be all caps, otherwise
headlines and subheads are sentence case.
Minion Pro should be used primarily for extended running body
copy in longer, multiple-page documents, such as brochures
and datasheets.
The introduction of the proprietary typeface Adobe Clean in April
2009 was to help differentiate Adobe in the marketplace.
It replaces the previous sans serif corporate font, Myriad Pro.
It will not be available for license to the general public.
Avoid using weights other than Minion Pro Regular. Use Minion
Pro SemiCondensed Bold for emphasis when needed. Avoid
using Minion smaller than 9pt. Use standard numerals; do not use
Minion’s Old Style numerals.
To use Adobe Clean well along side the corporate logo, which
continues to use Myriad Pro, avoid condensed or extended type.
Minion Pro Semibold Condensed
Minion Pro Regular
Minion Pro Semibold
Minion Pro Bold
Adobe Clean Light
Adobe Clean Regular
Adobe Clean Bold
Adobe Clean SemiCondensed
Adobe Clean Bold SemiCondensed
Adobe Clean Light Italic
Adobe Clean Italic
Adobe Clean Bold Italic
Adobe Clean SemiCondensed Italic
Adobe Clean Bold SemiCondensed Italic
Minion Pro Semibold Condensed Italic
Minion Pro Italic
Minion Pro Semibold Italic
Minion Pro Bold Italic
Note: Alternate glyphs are available for the letter “g” and number “1” in Adobe
Clean Regular.
25
Adobe Corporate Brand Guidelines | Adobe Confidential | 25 October 2010
アドビは現在「Adobe Clean」を使用しています。](https://image.slidesharecdn.com/cssniteginza72-takano-131126065644-phpapp01/75/Web-Reloaded-43-2048.jpg)
Uploaded byswwwitch inc.
「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）
2013年11月21日（木）19:00-20:00、アップルストア銀座で開催されたCSS Nite in Ginza, Vol.72のスライド。 http://cssnite.jp/ginza/vol72/ 参照リンクなど http://bit.ly/1blGiqd
![[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性](https://cdn.slidesharecdn.com/ss_thumbnails/uxux-211214103138-thumbnail.jpg?width=640&height=640&fit=bounds)
「Webデザイナーのためのタイポグラフィと文字組版（Reloaded）」鷹野 雅弘（スイッチ）
- 1. Webデザイナーのための タイポグラフ と文字組版 ィ 鷹野 雅弘 （スイ ッチ） アップルストア銀座3Fシアター このスライドは、2013年11月21日にアップルストア銀座で開催された CSS Nite in Ginza, Vol.72のものです。
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 13.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43. Typography: Corporate typefaces Aswith our logo, consistent use of our corporate typefaces—Adobe Clean and Minion® Pro—reinforces Adobe’s brand identity. Both are OpenType™, a cross-platform format that provides richer linguistic support through widely expanded character sets and advanced layout features. Both fonts are available for download from Marketing Hub under Corporate > Corporate Fonts. Primary typeface - Adobe Clean Secondary type face - Minion Pro ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 =~!@#$%^&*()+[]{}|:;’:”<>?,./ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 01234567890 =~!@#$%^&*()+[]{}|:;’:”<>?,./ Adobe Clean should be used for headlines and may be used for copy. Short headlines or labels can be all caps, otherwise headlines and subheads are sentence case. Minion Pro should be used primarily for extended running body copy in longer, multiple-page documents, such as brochures and datasheets. The introduction of the proprietary typeface Adobe Clean in April 2009 was to help differentiate Adobe in the marketplace. It replaces the previous sans serif corporate font, Myriad Pro. It will not be available for license to the general public. Avoid using weights other than Minion Pro Regular. Use Minion Pro SemiCondensed Bold for emphasis when needed. Avoid using Minion smaller than 9pt. Use standard numerals; do not use Minion’s Old Style numerals. To use Adobe Clean well along side the corporate logo, which continues to use Myriad Pro, avoid condensed or extended type. Minion Pro Semibold Condensed Minion Pro Regular Minion Pro Semibold Minion Pro Bold Adobe Clean Light Adobe Clean Regular Adobe Clean Bold Adobe Clean SemiCondensed Adobe Clean Bold SemiCondensed Adobe Clean Light Italic Adobe Clean Italic Adobe Clean Bold Italic Adobe Clean SemiCondensed Italic Adobe Clean Bold SemiCondensed Italic Minion Pro Semibold Condensed Italic Minion Pro Italic Minion Pro Semibold Italic Minion Pro Bold Italic Note: Alternate glyphs are available for the letter “g” and number “1” in Adobe Clean Regular. 25 Adobe Corporate Brand Guidelines | Adobe Confidential | 25 October 2010 アドビは現在「Adobe Clean」を使用しています。
- 44.
- 45.
- 46. 新ゴ 「画像をなるべく使わずにWebをレイアウ ト するテクニック」と題して、CSS3のプロパ ティ、Typekitを使ったWeb Fonts の実装 を解説。 新ゴ ＋MO ClearTone SG ト 「画像をなるべく使わずに Web をレイアウ するテクニック」と題して、CSS3 のプロパ ティ、Typekitを使った Web Fonts の 実 装 を解説。 英数字部分に異なるフォントを与えると、ずいぶん印象が変わります。
- 47.
- 48. AXIS 「画像をなるべく使わずにWebをレイアウト するテクニック」 と題して、 CSS3のプロパティ、 Typekitを使ったWeb Fontsの実装を解説。 AXIS ＋MO ClearTone SG 「画像をなるべく使わずに Web をレイアウト するテクニック」 と題して、 CSS3のプロパティ、 Typekitを使った Web Fonts の実装を解説。 「MO ClearTone SG」と組み合わせると、今っぽい感じです。
- 49. MO ClearTone SG なるべく使わずにWeb をレ ニック」 と題して、 CSS3のプ を使った Web Fonts の実装 ただし、拡大してみると...
- 50. MO ClearTone SG なるべく使わずにWeb をレ ニック」 と題して、 CSS3のプ を使った Web Fonts の実装 英数字部分のベースラインの調整が必要です。
- 51.
- 52.
- 53. 小塚ゴシック 「画像をなるべく使わずにWebをレイアウト するテクニック」 と題して、 CSS3のプロパティ、 Typekitを使ったWeb Fontsの実装を解説。 小塚ゴシック ＋り ょう 「画像をなるべく使わずにWebをレイアウトす るテクニック」と題して、CSS3のプロパティ、 小塚ゴシック ＋り ょう ＋ Myriad 「画像をなるべく使わずにWeb をレイアウトす るテクニック」と題して、CSS3 のプロパティ、 また、英数字はMyriadをベースにしていますが、若干細めなので再指定します。
- 54.
- 55.
- 56. ヒラギノ明朝 「画像をなるべく使わずにWebをレイアウ トする テクニック」と題し て、CSS3のプロパテ ィ、 ヒラギノ明朝 ＋ Garamond トする 「画像をなるべく使わずにWebをレイアウ ィ、 テクニック」と題し て、CSS3のプロパテ ヒラギノ明朝 ＋ Garamond＋ り ょう アウ 「画像をなるべく使わずに Webをレイ トする ィ テクニッ ク」と題して、CSS3のプロパテ 、 「りょう」の明朝版もいい感じです。
- 57. A1 明朝 「画像をな く るべ使わずにWebを イ ウ す テ レ ア ト る ク ニ ク」 題し ッ と て、CSS3のプロパテ 、 ィ ここ数年、イヤというほど見かける「A1明朝」
- 58. A1 明朝 「画像をな く るべ使わずにWebを イ ウ す テ レ ア ト る ク ニ ク」 題し ッ と て、CSS3のプロパテ 、 ィ A1 明朝 ＋ Georgia 「画像をな く るべ 使わずにWebを イ ウ する ク レ ア ト テ ニ ク」 題し ッ と て、CSS3のプロパテ 、 ィ こちらも英数字が野暮ったい印象...
- 59.
- 60.
- 61.
- 62. A1 明朝 「画像をな く るべ使わずにWebを イ ウ す テ レ ア ト る ク ニ ク」 題し ッ と て、CSS3のプロパテ 、 ィ A1 明朝 ＋ Georgia 「画像をな く るべ 使わずにWebを イ ウ する ク レ ア ト テ ニ ク」 題し ッ と て、CSS3のプロパテ 、 ィ A1 明朝 ＋ Warnock レ ア ト テ 「画像をな く るべ 使わずにWebを イ ウ する ク ィ ニ ク」 題し ッ と て、CSS3のプロパテ 、 オールドスタイルはクセがありすぎるので、日本語では避けるとよさそうです。
- 63. 合成フォントの組み合わせ（ゴシック系） ベース 英数字 かな ヒラギノ角ゴ Helvetica り ょう 小塚ゴシック Frutiger ネオツデイ 新ゴ Myriad 鴨野かな AXIS Verdana ゴシック MB MO ClearToneSG メイリオ ゴシック系では、これらを組み合わせるとよいでしょう。
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 96.
- 97.
- 99.
- 100.
- 101.
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 113.
- 114.
- 115.
- 117.
- 118.
- 119.
- 120.
- 121.
- 124.
- 125.
- 126.
- 127.
- 128.
- 129.
- 130.
- 131.
- 132.
- 133.
- 134.
- 135.
- 136.
- 137.
- 139.
- 140.
- 141.
- 142.
- 143.
- 144.
- 146.
- 147.
- 148.
- 151.
- 152.
- 153.
- 154.
- 155.
- 156.
- 157.
- 158.
- 162.
- 163.
- 164.
- 165.
- 166.
- 168.
- 169.
- 170.
- 171.
- 172.
- 173.
- 174.
- 175.
- 176.
- 178.
- 179.
- 180.
- 181.
- 182.
- 183.
- 184.
- 185.
- 186.
- 192.
- 193.
- 194.
- 195.
- 196.
- 198.
- 199.
- 201.
- 202.
- 203.
- 204.
- 205.
- 206.
- 207.
- 208.
- 209.
- 210.
- 216.
- 217.