フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが本来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。（Windowsで游ゴシックが汚いのは、結局誰が悪いのか？ | Cherry Pie Webなど）だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、本文に游ゴシックを使っているWIREDの記事（「癌」という名
（2016年7月26日：フォロー記事を書きました。「Windowsで游ゴシックが汚いのは、結局誰が悪いのか？」） （2016年7月11日追記：Windows8.1においても細字ではなく標準が使用されているのではないかというご指摘を受けて、若干表記を修正しました） （2016年6月29日追記：Twitterでご指摘を受けて、Windows8.1と10での違いを追記しました） （2017年3月27日追記：当サイトでの使用CSSについて追記しました） （2020年9月13日追記：当サイトでの使用フォントについて追記しました） タイトルが旬を外していて、しかもちょっと釣り気味で申し訳ありません・・・ OS X MavericksとWindows 8.1に共通のフォント「游ゴシック」・「游明朝」が搭載され、CSSのfont-familyに「游ゴシック」を指定すれば、Webデザイナーの長年の悲願であっ
コーディング向けの日本語対応の等幅フォント「Sourceソース Hanハン Codeコード JPジェイピー（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやHTML/CSSのコーディング、ターミナルでのテキスト表示など、和欧表示用フォントとしての利用を想定されたフォントです。 ダウンロードはこちらから Release Fonts (OTF, OTC) · adobe-fonts/source-han-code-jp · GitHub ※このフォントは無償でダウンロード可能です。OTCとTTFの両方のフォーマットで配布されているので、Windows/macOSともに簡単にインストールできます。 ※上記リンクの「Fonts version ［バージョン番号］ (OTF, OTC)」となってい箇所の［Sourc
日本語Webフォントに革命がおきた． 詳しくは続きを読んでくれ． ちょっと大きく出てみた． 実装についての記事はこちら この記事で言いたいこと 動的に日本語フォントのサブセットを作成してくれるOSSを作りました． サンプルページはこちら 臨時のサンプルページはこちら 追記 herokuが落ちてる，メモリ不足だな．早い所Dockerfileつくろう． 追追記 herokuで運用は再検討したほうがよさそう．「こういうこともできます」の事例ということでひとつ． （やっぱり普通のサーバで動かす分には大丈夫そうな気がする．どうだろう） そんなわけで，どうぞご利用ください。 （ちなみに粗い作りなので，pull-requestやissue投稿をしてくださると嬉しいです．） 何が革命なんだ 革命が起きたというけど，どこが革命なの？ 僕には革命が起きたようには思えないけど そんなこと言わんといて，泣くわ．
The best of CES 2025Presenting our 12 finalists, plus the winner of our best in show award.
トップ > スタッフブログ > 2014年版！日本語フリーフォントまとめ＜その1＞WEBデザイナーが選んだ手書き風フォント編 26選！。 個人や商用で利用できる無料の日本語フォントを紹介します。 今は日本語のフリーフォントもどんどん増えてきましたね～。 ライセンスは各自確認の上使用して下さい。私もサイト制作をするうえで、ポイントなどでよく日本語のフリーフォントを使用します。ゆるい感じがいいですよね。おもしろいフォントも続々出てきています。ではいきます！まずは手書き風フォント編です。 手書き風フォント編 ■るりいろフォント 少し丸っぽい手書き風文字。女の子が書きそうな文字ですよね。 ■あんずもじ オーソドックスな手書き和文フォント。奏・湛の種類もある。 ■えり字 女子高生っぽさを感じさせる可愛らしく女性らしい手書きフォントです。 ■きろ字 きろ字は手書き風の総合書体フォントです。 ■九ちゃん
好みなものや気になるものを見つけてはメモしていたのが結構溜まってきたので、普段からよく利用させてもらっているのも含めて自分の備忘録用でまとめました。 いずれも手書き風デザインに相性が良さそうなフリーフォントで、この手のタイプの中では有名なものから割と新しいものまで和文・欧文それぞれ25種類ずつの全50種類です。 女性や子供が書いたような特徴的なものや可愛らしいタイプのもの、チョークや鉛筆で書かれたようなものまで様々なタイプがあります。 紹介しているフォントは、いずれも利用規約を守れば基本的にフリーで使用することができ、特に和文フォントに関しては全て個人・商用問わず無料で使用できます。 ただ、あくまでこのエントリー公開時の情報ということと中には無料で商用利用可能でも作者に連絡する必要があるフォントもあるので、使用する際はライセンス等を各自で再度確認してください。 紹介しているフォントを使用す
ウェブサイトはレイアウトや文字の選択で雰囲気がガラっと変わるため、人目を引くウェブサイトが使っているフォント名・文字サイズ・文字の色などは気になるところです。文字の上にカーソルを置いたりクリックしたりするだけでフォントの種類や詳細が分かるGoogle Chrome拡張機能が「WhatFont」で、気になるウェブサイトのデザインの秘密が簡単に分かるようになっています。 WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu http://chengyinliu.com/whatfont.html Chrome ウェブストア - WhatFont https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpml
「Comic Sans」は1994年にフォントデザイナーのVincent Connare氏が作成したフォントで、漫画本などのカジュアルなフォントから着想を得て作られたものです。このフォントはWindows 95のリリースと共に世界中に広まったわけですが、あまりにカジュアル過ぎるそのデザインにより、「Comic Sans」を使うと「あらゆるデザインを著しく損なわせてしまう」としてデザイナーからはとても不評で、「Comic Sans」の使用を禁止しようとする運動まで巻き起こっているほど。 そんな「Comic Sans」の代わりになりそうなのが、カジュアルながらも印刷した際にテキストとして読みやすいようにデザインされている、メモやコメントを残すのに最適なフォント「Comic Neue」です。 Get Comic Neue http://comicneue.com/ 左側が「Comic Sans」
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き
有名ブランドで利用されているフォントを客観的に比べてみたK'confで紹介されていた元記事「STREETWEAR & FASHION HOUSES ARN’T VERY CREATIVE WITH THEIR FONTS. WE CAN PROVE IT SLAMXHYPE」に掲載されている記事によると、有名なブランドのロゴは決してクリエイティブではないと書かれています。 有名なロゴに使用されているフォントなどを抜き出し、比較した後に記事内では以下のように書かれていました。 So, if you want to start a streetwear brand, use Futura. A high-end imprint? Use Helvetica. ストリートウェアブランドなら「Futura」を、高級ブランドなら「Helvetica」を使えばいいということだそうです。 元記事を見ても
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く