Our ever-growing library of hundreds of typefaces includes some of the most widely used fonts, such as PT Sans/Serif, Futura PT, DIN 2014, and Circe. In application font menus, this font will display: To use this font on your website, use the following CSS: Fonts in the Adobe Fonts library include support for many different languages, OpenType features, and typographic styles. "https://indestructibletype-fonthosting.github.io/renner.css", どんなものでもピカピカの黄金に変換できる無料PhotoshopアクションGold Effect Action, 無料で高品質!持っておくと便利な最新テクスチャ、パターン54個まとめ 2020年10月度, ウェブ体験を快適にする参考にしたいUIインタラクション、アニメーション37個まとめ, 役立つデザインテクを学ぶ最新Illustratorチュートリアル、つくり方30個まとめ, 数字が美しい書体選びの秘訣とは?すぐに使える Google フォント20個まとめ付, 商用可能で使い放題!トレンディーで使いやすい万能フォントコレクション The Type Lover’s Bundle, 商用可!手書きでナチュラルな無料フォント132個まとめ 2020年完全版(和 / 英文対応). (adsbygoogle = window.adsbygoogle || []).push({}); UX Designer@Tokyo / 主にデザインについての学びや気付いたことについてまとめています. Adobe Fontsの欧文フォント、種類が多すぎてどれ使ったらいいかわからなくなりませんか?本記事ではデザイナーの私が日頃よく使うおすすめの欧文フォントを11選ピックアップしました。おすすめの理由も解説しています。 Futuraを使ってロゴにしている有名ブランドと、手を加えていないFuturaと見比べてみると、どのように手を加えてデザインされているか見えてきます。よく見かける6つの有名なロゴと比較してみました。 8.Futura PT 9.Century Gothic Pro 10.Alternate Gothic 11.CHEAP PINE 12.Acumin Pro 13.COPPERPLATE. Adobeからサブスクリプションのフォントライブラリとして提供されている「Adobe Typekit」ですが、Adobe Creative Cloudを契約している人はサービスとして含まれているので利用している方も多いのではないでしょうか(特にデザイナー)。, 数はそこまで多くないですがモリサワやフォントワークスの日本語フォントも利用できるため画期的だよなと前々から思っていました。しかし、つい最近改めてTypekitで扱っているフォントをチェックしてみると見てないうちに欧文書体がかなり充実しているではありませんか!, もっと実務で使えるようなかわいいイケてる欧文書体が増えないかな〜と少々不満に思っていたので、この充実度合いに気づいて思わずTypekitでリリースされている欧文書体を全てチェックしてしまいました。, ということで今回は実務でもガンガン使っていけそう(汎用性が高そう)で良さげなフォントを独断と偏見で10個選んでみました。本当は10個どころではないのですが、Typekitでは1ユーザーが利用できるフォントの数に上限があるので「これはマストでしょ!」というものだけピックアップしました。, 言わずと知れたFutura。MacユーザーならデフォルトでFuturaは入っていますが、Typekitではウェイトが22もあり充実度合いが全然違います。汎用性も高く普遍的に使えるのでこれはおすすめ。, 気持ち丸めなサンセリフです。クセもそこまでないのでポップなデザインの見出しなどで割と活躍してくれそうだなあという印象です。10ウェイトで展開しているところもポイントが高い。, 「DIN Condensed Boldとかじゃ堅苦しすぎるよ〜」というようなときにピッタリの丸みを帯びたかわいいフォント。同じようなアピアランスのフォントは様々なフォントベンダーから(結構お高めの値段で)出ていますが、これでも十分代替可能。, モダンな佇まいのサンセリフです。Gothamと並んでいま私が推しのフォントのひとつ。どんな案件でもスッとフィットしてくれる汎用性の高さと24ウェイトも展開している点がポイントです。, 個人的に一番好きなセリフ体なのですが、Typekitに来ちゃったか〜最高〜!とテンションが上がってしまいました。それくらい好きです。Small Capsの上品さは他の追随を許さないかと。A1明朝あたりと一緒に使いたいですね。, 見出しに使えるような強いセリフ体ってなかなか無いよなと割といつも困っているのですが、これは使える!と一目惚れしたフォント。なかなか雅な雰囲気でありながら見出しとしての力強さもあってこれから結構使いそうな予感。, 上と同じような課題感で見つけたフォント。Copperplateくらいの強さが欲しいけどもっとセリフは尖っててほしい!という要望を叶えてくれるいいやつ。, Typekitにもこんなかわいいスクリプト体あったのか〜と思わず入れてしまったフォント。ラフ加工したウェイトもあるのが良いですね。, 手書き風のフォントだとこれがダントツ。いざという時に活躍してくれそうなポテンシャルがあります。, やや番外編感がありますが、数字があまりにもかわいかったため入れさせていただきました。何でもいいから早く使いたい、そんなかわいさ。, Typekitではここで紹介したフォント以外にも汎用性が高いものがたくさんあるので自分の好みや案件に応じてチェックして使ってみるのが良いかもしれません。(特にモリサワやフォントワークスと契約していない場合、日本語フォントは要チェックです!), 個人的にはGothamとかNeue Haas GroteskあたりTypekitに入ったら神なのにな〜と思います。. Futura is a registered Trademark of Bauer Types. A sans serif typeface with 22 styles, available from Adobe Fonts for sync and web use. Once you are pleased with the settings for that section you can click save. 【2020年版】おしゃれな加湿器18選。インテリアになるかわいいデザインもおすすめ, おしゃれなエコバッグ13選。シンプルなデザインやかわいいショッピングバッグもおすすめ, おしゃれなマグカップのおすすめ13選。かわいい北欧デザインからシンプルなマグカップまで, 【2021年版】おしゃれな卓上カレンダー9選。かわいい・シンプル・かっこいいデザインもおすすめ, 【2020年版】おしゃれなデザインのファンヒーター15選。電気・セラミックから石油まで, 【2021年版】おしゃれな日めくりカレンダーのおすすめ5選。かわいいデザインからシンプルなものまで, 【フォント】ストリートウェアブランドなら「Futura」を高級ブランドなら「Helvetica」を使うべきという考察 | 男子ハック, A Look Into: Fonts Used In Logos of Popular Brands, jQueryを使ってselect(セレクトボックス)でplaceholderを作る!, 【2020年版】おしゃれな石油ストーブ7選。かわいい・レトロ・かっこいいデザインもおすすめ. Change your settings, and choose what section you want the font to apply to. Futura PT. 今回はFutura PTを試してみます。 画面右上の「Web プロジェクトに追加」をクリックします。 プロジェクト名を指定して、使用するフォントのウェイトとスタイルを選択します。 今回はプロジェクト名をsample、フォントの種類をMediumのみにしました。 こんにちは。 今回はFuturaフォントを使った有名な企業ロゴやブランドロゴ6選!です。 以前、Helveticaフォントを使った優れた企業ロゴ25選!というのを書いたのですが、 今回はFuturaバージョンを書きたいと思います。 Futuraも昔から愛され続けてきたフォントです! Adobe Fonts is the easiest way to bring great type into your workflow, wherever you are. The full Adobe Fonts library is cleared for both personal and commercial use. Your headline is in Futura This is a sub heading in Futura. 1927年に Paul Renner によって設計、デザインされた書体 Futura は、世界的にも特に人気の高いフォントのひとつで、企業ロゴなどにも数多く活用されています。シンプルで美しいスタイルが目を引くフォントで、誕生から90年以上経った今でも絶大な人気を誇ります。, そんな Futura のデザインスタイルにそっくりで、商用利用も可能なフリーフォント Renner* が公開されていたので今回はご紹介します。1書体18ウェイトと汎用性が高い、プロフォント同様に幅広く利用できる素材です。, Renner *フォントは、デザインをそのまま真似るのではなく、Futuraのデザインに対する姿勢を保つことを目指し、可能な限りデジタル時代に機能するように設計されています。, フォントの太さの異なる9種類のウェイトが揃い、イタリック体も含めて18フォントが収録されており、どんなデザイン案件にも対応できる万能アイテムです。, 通常のプロポーショナルスタイルに加え、同じ字幅で統一されてい等幅ライニング(英: Tabular)にも対応しています。, ウェブフォントとして使いたいひとは、無料でホスティングされているので、以下のコードをコピーして内に貼り付けて、CSSスタイルシートに「font-family: ‘Renner*’;」でフォント名を指定するだけのお手軽さ。, Renner *は、SILオープンフォントライセンスが発行されており、個人と商用どちらのライセンスも許可されています。商用利用や埋め込み、同梱も可能ですが、ライセンスの明示が必要です。, Renner *は、無料ダウンロードすることができますが、OpenType の可変フォント版を入手するには、最低10ドルの寄付が必要となります。通常版は、金額に「0」と入力し、「Pay with Card」をクリックすれば、自動的にダウンロードが開始されます。, Renner*フォントはアップデートを繰り返して、現在バージョン3.0となっており、今後もコミュニティーのフィードバックを元に改善していくそうです。この他にもBaskerville や Bodoniといった世界的に人気の定番フォントをモチーフにした書体を公開予定だそう。, 以下は現在すでに公開されている無料フォントで、どれも使いやすいシンプルなスタイルが特長です。, 参照元リンク : Renner* – indestructibletype.com, 「数字」にフォーカスを当て、書体の選びかたやデザインの秘訣ガイドラインを学びながら、実際に使えるフリーフォント素材20個をまとめてご紹介します。. 作成をクリックします。, これでプロジェクトにフォントが追加されました。 いかがでしたか。 欧文フォントには、フリーでもクオリティの高いものが多くあります。 が、「権利的に本当にOKなのか?」を調べるのも一苦労ですし、 【スポンサーリンク】 クライアントのサイト制作で使用する場合、クライアント側で登録してもらう必要があります。, 今回はFutura PTを試してみます。 Futura PT | Typekit. Adobe Fontsを使ってWebフォントを実装する機会があったので、使用するまでの流れをメモ。, Adobe Fontsを使用する際の注意点ですが、Adobe FontsはAdobe CC内のサービスなので、Adobe CCへの登録が必要になります。 Request modifications or bespoke fonts directly from the foundry, Use the fonts across your whole organization, {{familyCtrl.selectedVariation.preferred_family_name}} {{familyCtrl.selectedVariation.preferred_subfamily_name}}, {{familyCtrl.selectedVariation.family.css_font_stack.replace('"', '').replace('",', ', ')}}, {{familyCtrl.selectedVariation.font.web.weight}}, {{familyCtrl.languagesDictionary[language]}}, {{familyCtrl.filterLabelDictionary[filter]}}. Here’s what to look for. This paragraph is in Futura. Futura "futura"はラテン語で「未来」という意味です。"o"が円、"l"が直線で表現されるなど円弧と直線を多用したフォントはジオメトリック・サンセリフと分類されるのですが、その代表がFuturaです。近代的な印象を受けますが歴史は案外古く、1923年の発表です。 Design Magazine © 2020 All Rights Reserved. You may encounter slight variations in the name of this font, depending on where you use it. (adsbygoogle = window.adsbygoogle || []).push({}); こんにちは。 今回はFuturaフォントを使った有名な企業ロゴやブランドロゴ6選!です。, 以前、Helveticaフォントを使った優れた企業ロゴ25選!というのを書いたのですが、 今回はFuturaバージョンを書きたいと思います。 Futuraも昔から愛され続けてきたフォントです!, フーツラ (Futura) は、1923年にドイツのバウハウスにおいて非常勤講師として勤めたパウル・レナー (Paul Renner) によって発表されたラテン文字のサンセリフ体書体。futuraとはラテン語で「未来」の意。 カタカナ表記には他に「フツラ」「フツーラ」「フトゥーラ」などが見られる。 いわゆるジオメトリック・サンセリフの一種で、幾何学的な造形が特徴的である。現在でもよく用いられているサンセリフのひとつで、フォルクスワーゲンやルイ・ヴィトンのロゴ等にも使用されている。 なお、この書体が「ナチスを連想させるため、使う文化圏には注意を払った方がよい」と日本で言われることがあるが、それは全くの誤りであり、欧米諸国をはじめ世界中で普通に使用されている。, 高級なブランドからストリートブランドまで使われていますね! 以上でFuturaフォントを使った有名な企業ロゴやブランドロゴ6選!でした。, 参考サイト:【フォント】ストリートウェアブランドなら「Futura」を高級ブランドなら「Helvetica」を使うべきという考察 | 男子ハック A Look Into: Fonts Used In Logos of Popular Brands Futuraがかわいすぎる。 – NAVER まとめ 名作フォントと有名ロゴのおいしい関係 – NAVER まとめ. 完了画面に表示される以下のコードを使って埋め込みを行います。, Adobe Fonts のWEBフォントを使う際の注意点/他のWEBフォント配信サービスとの比較 | ウェブマガジン カミナリ | 鳥取県米子市のホームページ制作・広告代理店・デザイン. こんにちは、ぺちこです。 何か気のきいたオープニングトークをしようと思いましたが、びっくりするほど何も思いつかなかったので割愛します。 突然ですが、「あのフォントをWebフォントとして使いたい。でも、それにはライセンスの壁が・・・。」という悩ましいとき、ありますよね。 Making the web more beautiful, fast, and open through great typography Typekitで入れておきたいフォント10選 1. 8.Futura PT 9.Century Gothic Pro 10.Alternate Gothic 11.CHEAP PINE 12.Acumin Pro 13.COPPERPLATE. 今回はFutura PTを試してみます。 画面右上の「Web プロジェクトに追加」をクリックします。 プロジェクト名を指定して、使用するフォントのウェイトとスタイルを選択します。 今回はプロジェクト名をsample、フォントの種類をMediumのみにしました。 前回、『"Adobe Fonts"のオススメ「日本語書体」10選』という記事に大きく反響をいただきました。, 今回は後編の「欧文書体」のオススメ書体を紹介します。Adobe CCのソフトを使っている方は、「Adobe Fonts」という、膨大な書体ライブラリーからフォントを自由に手に入れることができる現代ですが、AdobeFontsを調べてみると、なんと1600近く欧文書体がありました。, 欧文フォントは、「歴史」や「伝統」によって「良いフォント」が選ばれる場面も多く、ハードル高すぎやで・・・学ぶこと多すぎやで・・・と悩む方も多いのではないでしょうか。, 今回は、その中で"グラフィックデザイナー"の視点から印刷物デザインや、ヘッダー・バナー見出しなどで役に立つAdobe Fontsのオススメ書体を13種類、紹介します。, Garamond (ギャラモン)は、欧文のセリフ体(こういう真面目っぽい文字)の中でも特に歴史の長い、超伝統的なフォントです。(なんと16世紀生まれ), そのGaramondにも色々バリエーションがありますが、Adobe Fontsの「Garamond Premier」はその中でも特に洗練された形をしています。, 洗練されたシュッとした形をしているため、見出しやワンポイントアクセントなどで大きく使う場合に重宝します。(逆に、小さく扱うときは細かくて読みにくくなってしまいます。), Caslon(キャスロン)とは、先述の”Garamond(ギャラモン)よりは新しいものの、それでも300年以上前に生まれたフォントです。, 数あるCaslonの中で、こちらの”WilliamsCaslon Text”は、”Garamond Premier”と比べてほどよい太さがあり、小さく扱う時にも読みやすいフォントとなっています。, こちらは、さらに上品さに特化した、非常に高級感のあるフォントです。ファッション系のデザインや、結婚式の招待状などにも適しています。, 「とりあえずコレを使っておけば間違いない」系でトップクラスのフォント『TRAJAN』は、なんと2000年前の『トラヤヌス帝の碑文』にも使われたフォント。, タイタニックを始めとして、海外の映画ポスターでもよく使われています。碑文に使われた頃のイメージからか、重厚な雰囲気を演出するのに適しています。, 読み方は「トラジャン」とか、「トレイジャン」と呼ばれたりします。(※フォントの読みは、生まれた土地からいろんな国を経由して日本にやってくるせいか、読み方が複数あったりします。結局、カタカナ読みな時点で正確では無いので、あまり気にしていません。デザインの現場でも正確な読みを把握している人は少なく、「通じればよい」くらいの感覚です。), 「これを使っておけば間違いない」系フォント、ナンバーワンの「DIN」です。なんと「UNIQLOの英語ロゴ」や「東京オリンピック2020ロゴ」などにも使われている書体。現代的でクールなイメージ。これをドカンと大きく入れれば、それだけで間が持ってしまいそうなほど、ビジュアル的に強いフォントです。おそらく、デザイナー人気もトップクラスの欧文書体です。, こちらは、先ほどの「DIN」のより細いタイプのもの。スペースが狭い時や、縦の長さを稼ぎたい時に効果的です。, こちらは、ちょきちょきした部分のない「サンセリフ体」の王様、『Helvetica』に超そっくりな書体。, どのくらい王道で大人気か例えるなら、任天堂のなかで言えば『スーパーマリオ』に値するくらい。(ど真ん中ですね)あまりの人気に、Helveticaだけをひたすら紹介する本があったり、Helveticaの秘密に迫る映画があったり…, とてもベーシックな、クセの少ないHelvetica。に、めちゃめちゃソックリな書体が「Nimbus Sans」です。, 逆を言えば、Helveticaを持っていない人はコチラを入れることで、同じような印象のデザインを作ることができるようになります。, フリーフォントでも、Helveticaに似たものは多くありますが僕は「まるっとコピーした権利的に危ういフォント」も紛れているのでは…?と警戒して、入れていません。こちらはAdobe Fontsだから権利面が安心というメリットがあります。, Helveticaで組まれたロゴは、『evian』『Francfranc』『Panasonic』『THE NORTH FACE』など、挙げ始めれば限りがありませんがその雰囲気を少しでも取り入れたい、だけどHelveticaを購入する予定はない方にオススメしたいフォントです。, 「使っておけば間違いない系のフォント」これもトップクラスの書体、大人気の『Futura』(フーツラ)です。シュッとした形状の圧倒的カッコよさ。現代のデザイン教育のベースともなったデザイン学校「バウハウス」の思想に基づき、"未来"という意味の名前をつけられたこの書体。, 「Calvin Klein」や「Volkswagen」を始め、日本でも「GU」「Smap」などあちらこちらで使われている王道書体です。, (街中でも本当によく見かけるので、その度に「あ、フーツラだ」と思ってしまいます。), こちらはFuturaと少し似て、シュッとしたり円形がベースとなっているフォントですが、それよりも丸みと安定感のあるフォントです。シュッとはさせたいけど、Futuraでは尖りすぎる・・・という場合によく使います。, 横にギュッと潰した欧文フォントのことを“Condensed”(コンデンスド)と呼びます。, 近年、コーヒー界隈から発祥した“サードウェーブ系”と呼ばれるオシャレカフェ系のデザインでも、こういったギュッと潰れた書体がよく使われます。, 数あるCondensed系のゴシック体の中でも、こちらの「Alternate Gothic」は縦のラインがスッと垂直に降りていて、スマートです。上記サンプルのように「文字間」を開けても、文字同士の余白が揃いやすいフォントです。, こちらは、少々変わり種のフォントのオススメです。「CHEAP PINE」は、ほんのり手書きの風合いがありチョークアート風のデザインと非常に相性がいいフォントです。7番の「Alternate Gothic」のようなCondensed系だけど、もう少し脱力した印象を出すことができます。, Web界隈で、1〜2色程度のベタ塗り&影・立体感のないイラストとで構成された“フラットデザイン”が流行した頃、細いゴシック体をあえて見出しなどに使うデザインが流行しました。(通常は、見出しは目立たせるために太くなります), 細いゴシック体でも「間がもつ」と感じるフォントは案外限られてるように感じます。今回の「Acumin Pro」は、いわゆる有名フォントではありませんが形が整っていてクセも少なく、オススメしたいフォントです。, COPPERPLATE(カッパープレート)は、ゴージャスで美しいフォント。こちらも大人気の書体です。レストランやホテルなど格調高いイメージを演出する際に効果的です。, 日本なら、カッパープレートと呼んで通じなくても「DEAN & DELUCAの書体」で通じたりします。笑また、京都の土産あんぱん「SIZUYAPAN」のパッケージやフレーバー名表記で効果的に使われています。, 欧文フォントには、フリーでもクオリティの高いものが多くあります。が、「権利的に本当にOKなのか?」を調べるのも一苦労ですし、そもそも数が多すぎて、探すのも大変です。, 今回紹介した書体は、どちらも非常に良質なフォントです。前回の記事『Adobe Fontsのオススメ「日本語書体」10選』と合わせてお読み頂ければ、デザインの幅が一気に広がりクオリティも上がるはず!, 1988年生まれ。元パッケージデザイナー。2018年からフリーのグラフィックデザイナー。東京都在住。