太めのエレメントの端をスパッと落とし、鉄のように黒く力強い雰囲気の中に、どこか優しさをもっている書体です。金属のもつ“鈍い重み”を感じさせないよう、全体的に愛嬌のある骨格のデザインで今風な日本のポップな優しさ・強さ・明るさを醸し出します。タイトルやコピーなどの少し大きめな短文での使用が似合います。 書体情報 読み方くろかね フォントメーカー Fontworks ファウンダリーフォントワークス 言語 日本語 カテゴリ デザイン系 フォントスタイル Normal

こんにちは、haconiwa編集部です。 印刷物やWEBなどをデザインする上で重要な文字のフォント。フォーマルで硬い雰囲気のものから可愛いデザインのものまで、伝えたいイメージに合わせてさまざまな種類があります。お仕事や制作でフォントを選ぶ際に、どれを使おうか迷ったことがある方も多いのではないでしょうか？ そこで本日はhaconiwa creatorsに参加するグラフィックデザイナー8名の「推しフォント」を調査しました！選んだ日本語フォントの推しポイントや実際に制作した事例も回答いただいたので、ぜひフォント選びの参考にしてみてください。 ●明朝体 A1明朝 モリサワ最初期から長く愛されているオールドスタイルの明朝体。漢字のゆったりとしたカーブと、かなの優美な表情が生み出す独特の味わいが特徴です。デジタル書体化にあたって、画線の交差部分に写植特有の墨だまりを再現するなどし、やわらかな印象と自然

毎月新しく公開されるフリーフォント素材の中から、商用利用OK完全無料の英語・日本語フリーフォントを厳選してご紹介。 2022年に話題となったフリーフォントを中心に、日本語や英語フォントなど、カテゴリ別にまとめているので、使いたいスタイルに応じて活用してみましょう。 コンテンツ目次 1. 日本語フォント（22書体） 2. 万能フォント（10書体） 3. サンセリフ書体（15書体） 4. セリフ書体（18書体） 5. 筆記体（7書体） 6. 手書き、ブラシフォント（9書体） 7. ディスプレイフォント（29書体） 8. これまでの歴代フリーフォント 日本語フリーフォント 無料で商用利用できる日本語フリーフォント、22書体をまとめています。 Adobe Fonts おすすめ日本語フォント35選 Adobe CCユーザーは無料のAdobe Fontsより、「本当に使える」日本語フォントを厳選。 日

この記事では、Google Fontsで使える日本語フリーフォントをまとめてご紹介します。 Google Fontsには現在、64の日本語書体が提供されており、すべてのウェイトを合わせると、132フォントが商用OK＆完全無料となっています。 フォント選択の幅が広がるWebフォントを利用して、ウェブサイトのデザインをグッと良くしてみませんか。 Adobe CCの日本語フォントと、漢字も使える日本語フリーフォントも一緒に活用してみると良いでしょう。

游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの

WebページやOSのUI、エディタなどのソフトウェアでフォントのサイズや行の高さを設定した際に起こる問題点と解決方法を紹介します。 Font size is useless; let's fix it by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントのサイズにおけるポイントとは emスクエアとは font sizeにおける問題点 解決方法 line height（行の高さ）もめちゃくちゃです 予測が可能なline height（行の高さ） 終わりに はじめに あなたのお気に入りのエディタに、"font_size": 32を設定するとどうなりますか？ お伝えしたいことがあるので、聞いてくれたら嬉しいです。 実際にやってみました。 私はmacOSでSublime Textを使っています

まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？

【22.02.09更新】 ・利用規約に「webフォント化、アプリや書籍などへのフォントデータの収録について」の項目を追加しました。 --- 「からかぜ」は、冬の空気のような、からっと乾いたニュアンスを持つ走り書きフォントです。 タイトルやコピー、歌詞、詩歌などあまり長くない文章を軽やかに書くのに適しています。 手書きのクセを残したフォントなので、キャラクターの書き文字としても違和感なく使えます。 【収録文字】 ・全角ひらがな、カタカナ ・漢数字(一〜十) ・全角/半角大文字アルファベット（小文字も大文字として表示されます） ・全角/半角記号類 ！促音拗音や「」などの一部記号は縦書きにも対応しています。 【利用規約】 ・商用・非商用を問わず利用可能です。同人への利用も自由におこなってください。 ・作者は著作権を放棄していません。自作発言はご遠慮ください。 ・当フォントを利用して発生した、いか

この記事では、2020年9月にかけて集めた、デザイン制作に役立つ最新フリーフォント素材をまとめて紹介しています。 ゆるい雰囲気の手書きフォントが、商用OKも多く、今月は特にオススメです。 高級感のあるセリフ書体や、人気の高い筆記体やブラシフォント、シンプルで使い勝手の良いサンセリフ書体まで幅広いスタイルが揃います。 どれも無料でダウンロードが可能となっていますが、ライセンスはそれぞれ異なるため、利用前にかならず確認するようにしましょう。 デザインの現場で活躍する最新フリーフォント54個まとめ 2020年8月度 新作続々！デザイン制作に役立つフリーフォント素材まとめ M+A1 M+ FONTSを改変し、Pythonにより機械的に角丸・墨溜まり処理を施した書体。1フォント8000字以上の文字を収録で、基本6書体のほか、全74バージョンが用意されています。 ※　個人、商用利用可能 Tropika

ウェブサイトのフォントは何を指定すればよいのでしょうか？　CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,

Brendaはプロのライター兼ブロガー。個人ブランド「The Design Inkwell」を運営している。 フォントの選び方ひとつで、デザインの仕上がりが良くも悪くもなることは誰もが知っています。それ以上に、ネット上にはフォントがデザインの中心的な要素となっているケースが数多く見受けられます。あちらこちらに多くのフォントが散らばっているので、あるデザインに使われているフォントを特定することは簡単ではありません。 幸いなことにフォントを特定するのに役立つツールがいくつか公開されており、この記事ではその中でもおすすめなものをピックアップしています。ブラウザの拡張機能もあれば、Webアプリもあります。以下のリストをブックマークしておけば、デザインやWebサイトにどのフォントが使われているのかがすぐにわかるでしょう。 WhatFontIs WhatFontlsは、画像をアップロードするか、そのフ

この記事では、見ているだけで楽しくなる、個性豊かで、あらゆるデザインシーンで使える新作フリーフォントをまとめています。個人利用、商用利用の可否についても一緒に記載しているので、デザインの目的に合った書体をスムーズに見つけることができます。 商用利用もできる日本語フォントにはじまり、豊富なウェイト数が揃った万能スタイル、人気のレトロ、ビンテージ系、筆記体などあらゆるスタイルが揃います。 これが無料?!デザインが捗る最新フリーフォントまとめ ビースト明朝 異世界小説・ファンタジー小説に合う明朝体」をキーワードに開発した「かな書体」。無料版は商用版と異なり縦書きや異体字が無く、いくつかの文字に機能制限があります。 ※　個人利用可能 バナナスリップ バナナスリップは強い骨格と微かな可愛らしさを合わせた日本語フォントです。 インパクトが欲しい、でも堅苦しくしたくない、そんなときにオススメ。 ※　個人

ゴシック体 明朝体 丸ゴシック すべて カッコのみ 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.1.1/dist

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2019年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 オシャレな英語フリーフォントから、需要の多い日本語フォント、2019年注目を浴びている高級感のあるセリフ書体、安定人気の筆記体、筆ブラシの手書きナチュラル系、モダン・レトロ、ビンテージ、デコレーションなど幅広いカテゴリよりフリーフォント素材90個を厳選しています。 2018年の商用可能なフリーフォントに関しては、以下の記事を参考にどうぞ。 商用可で完全無料！2018年公開のフリーフォント素材132個総まとめ コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント

最近リリースされたものを中心に、ひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 レトロなフォント、漫画や同人誌にぴったりなアンチック書体、プログラミング向けの等幅フォント、タイトルやコピーに使えるデザインフォントなど、たくさんのフォントがリリースされています。 ※梅干フォントが新コミック体になってしまってます、、、 最近のだけでなく、これまで全部の日本語の無料フォントは下記をどうぞ。 2020年用、日本語のフリーフォント 417種類のまとめ 最新のフリーフォント、まずは縦組み・長文・文芸向けの「源暎ちくご明朝」から。 源暎ちくご明朝 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 源ノ明朝をベースにした、縦組み・長文・文芸向けをターゲットにデザインされた本文向け明朝体。東京築地活版製造所の五号活字（築五）の系譜に連なるオールドスタイルの仮名を持つフォン

Webフォントを使用しているサイトやブログが増えてきました。そして、近日アップデートされるChrome 60では、Webフォントの使い勝手を向上する「font-display」プロパティがいよいよ正式に実装される予定です（参考: Chromium）。 追記: さきほどChrome 60がリリースされました。 Webフォントを適用したテキストが読み込み時に一瞬表示されない現象があり、今まではJavaScriptで対応していた人、仕様だとあきらめていた人は、このfont-displayを積極的に取り入れるべきだと思います。 font-display for the Masses 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ブラウザでフォントが読み込まれる仕組み font-displayプロパティとは ほとんどの場合、swapを使

この記事では、最近公開されたばかりの新作フリーフォント素材をまとめてご紹介します。デザイナーが持っておくと便利なスタイルを網羅したコレクションで、使い勝手の良い万能スタイルから、ユニークな手書きブラシ、筆記体フォントまで幅広く揃います。 高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、雰囲気をガラリと変え、魅力的なデザインに仕上げることができます。デザインアイデアに悩んだときに、参考サンプル例として目を通してみると良いでしょう。 デザイナーが持っていたい、すごいフリーフォント素材まとめ こまどり 小さくかわいい小鳥のイメージで作成した日本語フォントです。本文よりも、ちょっとした言葉や見出しなどに使っていただくと、紙面がカワイイ雰囲気になります。 ※　個人利用可能 きなりゴシック 華奢で有機的なシルエットのフォントで、繊細で優しい雰囲気を表現したい際に活用できます

Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストを紹介します。 CSSでフォントを指定する時、また自分が使用しているOSでこんなフォントを利用できるという発見もあるかもしれません。 Windows 10 font list Windows 7, 8などのフォントリストも揃っています。 Windows 7 font list Windows 8 font list Windows 8.1 font list 不要なフォントを削除したいけどソフトウェアで使用されていると困るから削除できない、という人はFonts and supported productsを参考にすると、どのフォントがどのソフトウェアに使用されているのか分かります。 Windows 2000用のフォント、IE 5用のフォントなど、使わないですね。 Wi

Fonts for Apple platforms Get the typefaces you need to design interfaces for your apps on Apple platforms. These typefaces are designed to optimally display text at a variety of sizes and in a wide range of languages across multiple interfaces. San Francisco is an Apple designed typeface that provides a consistent, legible, and friendly typographic voice. Across all Apple products, the size-speci

去年書いた記事のアップデート版。 neos21.hatenablog.com 拙作の @neos21/neos-normalize はバージョン 1.0.7 になり、チマチマとオレオレパーフェクト設定に向けた調整をしてきた。 その調査結果をまとめ、2019年以降はこんな font-family 指定で決まりだな、と吹聴して回ろうと思う。 ゴシック体 (サンセリフ) のフォント指定 明朝体 (セリフ) のフォント指定 等幅 (モノスペース) のフォント指定 以上 ゴシック体 (サンセリフ) のフォント指定 2019年以降、Mac でも Windows でも、システム標準のフォントを使ってイイカンジに Web ページを表示する font-family 指定は以下で決まり。 @font-face { font-family: "Yu Gothic M"; src: local("Yu Gothi