フォント選びに迷ったら見返したい、おすすめ定番フォント31選まとめ (欧文編)｜原田 佳樹 Harada Yoshiki
こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー
良質なデザインを作るため揃えるべき日本語フリーフォント10種類 - ベーコンさんの世界ブログ
フォント大好きデザイナーのベーコン（@dogdog464646）です！ 良質なデザインを作るには、良いフォントが欠かせません。 それでは、「良いデザイン」ってなんでしょう？ ちょっと頭に思い浮かべてみてください 例えば… ・かわいいデザイン？ ・お客さんが使いやすいデザイン？ ・意味が伝わりやすいデザイン？ こんな感じでしょうか？ じゃあ正解の発表です 正解は… 全部です！ というかデザインの正解は、状況によって変わるんですよね なので、状況によって変わる「いいデザイン」に対応するためには「たくさんの種類のフォント」が必要になります たくさんの種類のフォントで、表現の幅を広く持つことで、デザインを正解に導きやすくなります この記事はデザイナーだけではなく ・イラストレーター ・エンジニア ・ブロガー ・プレゼン資料を作っている人 ・学校やサークルでチラシを作る人 このような人たちに役立つ、
ずっと使える、デザインの基本まとめました。【2020年改訂版】
「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。
源ノ明朝
源ノ明朝は、アドビフォントとしては２番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている４つの言語（簡体中国語、繁体中国語、日本語、および韓国語）で必要な文字をサポートします。それぞれ、７つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
プログラミング用等幅フォント「Fira Code」がモダンで素敵 | 綺麗に死ぬITエンジニア
皆さんは普段、PCを使う上で、フォントは気にしますでしょうか。 最近は、Webフォントの登場によって、Webサイトごとに独自のフォントが表示されているのを見る機会も多くなりました。 しかしながら、Webや画像制作等の経験がない方は、あまりフォントをインストールする機会もないかもしれません。 そこで今回は、プログラマー向けに、普段使う開発環境等に導入したら良さそうな、オープンソースのフォント「Fira Code」を紹介したいと思います。 Fira Codeは、プログラミング用・コーディング用フォントで、リガチャー（合字）により、関係演算子（比較演算子）や論理演算子、アローファンクションなどを見やすくしてくれる等幅フォントです。様々なプログラミング言語に対応できるように設計・工夫されています。 具体的には以下のように変換してくれますが、リガチャーになっても表示幅は同じで、文字自体が変化している
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
【日本語フリーフォント】本当は教えたくない！デザイナーが仕事で使ってる12選【商用可】 | ベーコンさんの世界ブログ
１．うずらフォント（手書きフォント系） ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね！ このフォントの使いみち ダウンロードはこちらから ２．Noto Sans Japanese /a 源ノ角ゴシック（ゴシック太さ多数） GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません？ winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ！ ぼくも、そう思います！ あーでも、しかし１つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利！ OSに最初に入ってるフォントは、太さの種類が２、３種類だと思います。 ボールドボタンで太く
モダン日本語フォント指定
CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませてきたfont-familyによる日本語フォント指定。OSのバージョンアップとともに、新しいバンドルフォントが増え、@font-face規則も主要なブラウザでサポートされました。それに合わせてフォント指定の方法もバージョンアップしてみましょう。 Web上できれいに見える日本語フォントを使う方法としてWebフォントがありますが、実際に使うにはさまざまな障壁があります。かといってバンドルフォントはOSによってまちまち……という状況だったところに、WindowsとMac OSの両方に「游ゴシック」という日本語フォン
フォントの気持ちになる - にせねこメモ
フォントの気持ちになるですよ。 ……正確にはフォントというより、フォントレンダリングソフトウェアの気持ちになってフォントを読んでみよう、という感じでごぜーますが。 フォントの準備 …………。 さて。 読むフォントは、容量が小さいとありがたいのですが、ちょっと探しただけでは見つからなかったので、Noto Sans RegularをFont Squirrel Webfont Generator使ってASCIIの小文字アルファベットだけにしたものを用意しました。だいたい9KB位。 用意したフォントはここからダウンロードできます: font.ttf さて、適当なバイナリエディタでフォントを開き、16進ダンプを印刷します。 一応、印刷したPDFのリンクを張っておきます: font.pdf ……えーと、別に印刷する必要なかったですね。バイナリエディタで見ていきます。今回はStirlingを使いました。
アニメ版「シドニアの騎士」プライマリーデザイン
少々前の話になりますが、ポリゴン・ピクチュアズさまからお声掛けいただき、2014～2015年にかけてテレビ放送されたアニメ「シドニアの騎士」（原作: 弐瓶勉さん）のプライマリーデザインを弊社 三階ラボ で担当させていただきました。 プライマリーデザインの具体的な内容は以下の２つです。 モニターグラフィックメインビジュアルの開発 シドニアフォントの作成 ともに、原作の漫画にはすでにオリジナルのデザインが存在していますが、しっかりと時間をかけて目視できる静止画とは違い、アニメのような動画では、様々な要素が一瞬しか表示されないことが多くなります。 今回は、原作の素敵なテイストを維持しつつ、アニメ向けにデザインを再構築することが主な目標でした。 モニターグラフィックメインビジュアルの開発 原作の漫画から、モニター内に表示される主なグラフィックを抽出し、機能性や視認性、汎用性を高める再デザインを行い
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist
約物Webフォント「約猫」（YakuCalt） – ものかの
前回の記事で約物合字Webフォント「YakuLiga」を公開しました。全角約物が連続したときのアキを調整するフォントです。このフォントは合字機能の限界から以下の欠点があります。 約物の種類がとても少ない。 約物が連続で並ぶ個数を３個までに制限している。 そして前回の記事では最後に、この欠点を解決した新たなフォントの存在を予告しました。ここで本命の約物Webフォントを公開します！ 約猫明朝／約猫ゴシック https://github.com/monokano/Fonts 公開当初（v1.013）はSafariで表示の崩れがありましたが、v1.014で解決しました。 （全角約物や全角スペースを入力してみましょう） 縦組サンプル 約物を約猫明朝使用｜通常のフォントのみ 句読点や括弧などが連続したときのアキを自動的に調整します。 収録文字一覧 連続で並ぶ個数に制限はありません。 英語名は「Yaku
2016年用、日本語のフリーフォント219種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
個人・商用で無料で利用できる、日本語のフリーフォント219種類を紹介します。前回は164種類だったので、大幅に増えています！ 記事公開後も増えています（201→207→211→219）。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 毎年まとめていますが、初紹介のものから既存のものまで改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。 ライセンスはサイトだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 Kazesawa フォント 個人・商用サイトで無料利用可。同人誌や各種
Type Detail -- Wenting Zhang's 100 days project
My project and I are nominated for Net Awards. If you enjoy Type Detail, I would love your support! Type detail is an ongoing project by Wenting Zhang (@DesignJokes), inspired by the great discontent's 100 day project and Stephen Coles's great book The Anatomy of Type. The rule and goal are to annotate a web typeface each day, pointing out the beautiful details of the typefaces that one often take
KHドットフォントシリーズ | 自家製フォント工房
KHドットフォントは、荒いドットで構成されたビットマップ風のフォントシリーズで、表情豊かな 15 書体で構成されています。これらはすべて TrueType 形式の等幅アウトラインフォントですので、Windows や Mac、Linux などの各種環境で使用することができます。 ※本サイトではほかに、パブリックドメインやフリーで公開されている和文ビットマップフォント多数をアウトライン化した 自家製ドットフォントシリーズ も頒布しています。あわせてご利用ください。 【2015/5/25】 不具合などを修正し、ビットマップの埋め込みを追加した最新版を公開しました。 → Mac OS X において文字の空間が塗りつぶされてしまう不具合がありました。2015/5/25 22:20 頃に修正版に差し替えました。 フォントの概要 本フォントシリーズは、書体デザイナーの平木敬太郎氏により1991年から19
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
立命館大、古代文字フォント4400字を無料公開 研究・教育向けに
活版印刷の文字のにじみを再現した「にじみフォント」、大日本印刷が開発 
ヒエログリフ・トンパ文字・ルーン文字など、普通の人にはちょっと読めないフリーフォントのまとめ
日本人「だけ」読めないフォント!? そんなバカなと思ったけどホントに読めそうで読めない！
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
