CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人を含め広く知られているフォントとして、以前取り上げた「MS Pゴシック」をはじめとした「MSフォントシリーズ」に匹敵すると言っても過言ではないのが、「創英角ポップ体」でしょう。 Microsft Officeに標準搭載されているという共通点をもつふたつのフォントですが、その見た目は大きく異なります。駅の構内や商店の店先など、手作りの掲示物に多く使われているため、普段このソフトを使わない人でも、見覚えがあるのでは? そんな街中にあふれている「創英角ポップ体」は、プロのデザイナーの目から見てどう映るのでしょうか。 本連載では、「MS Pゴシック」の記事に登場していただいた、デザイナー・「Sさん」こと佐々木未来也さんに、テーマとなるフォントについて質問を投げかけていきます。今回は、街中にな
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって
よんてんごP @yontengoP 会社の飲み会で「お前趣味持てよー」って言われたんで酔った勢いで 「いやでも僕実はフォント収集って趣味ありますよー」ってゲロってしまい「おおじゃあお前この居酒屋のメニューのフォント当ててみろよｗｗｗ」 「品名はDFP隷書体で見出しがDFP流隷体ですね」 って答えてドン引きされた…… 2014-11-09 01:36:39 よんてんごP @yontengoP 何だい！？コレがじゃあ 「この芳醇な味わいは95年のシャトー・マルゴーだね」とか 「この車、幻と言われたＦ４０だめ」とかなら「ステキ！」ってなって 「この駆動音はヤマハ製RTX810だね」とか 「このドキュメントの印刷、リコー製プリンタだね」とかはダメだっていうのかよ！！ 2014-11-09 01:40:53 よんてんごP @yontengoP それとも何だい、 「えーお前本当かよぉｗｗｗ」って言われ
アドビ Japan R&D 日本語タイポグラフィ シニア デザイナーの西塚涼子氏。「かづらき」「りょうゴシック」のデザインを担当したことでもしられる人物だ 開発に3年をかけたアドビのPan-CJK（汎 中日韓）フォント「Source Han Sans（和名：源ノ角ゴシック）」が7月16日にリリースとなった。 「日本語、中国語の繁体字・簡体字、韓国語いずれも1つのフォントファミリーでカバー」と聞くと、「ああそうなんだ。カバーできるんだ」とすんなり飲み込んでしまうが、Source Han Sansは、日中韓国語をカバーし、かつ「どの国にとっても自然」という点で画期的なフォントだ。 同じ起源を持ち、近い意味を表す漢字でも、日本と中国、韓国とでは書体が異なる。繁体字と簡体字でも全く異なるし、各国に固有の漢字もあるから、話はさらに複雑だ。「どんな書体なら自然なのか」は国によって全く違うのだ。 国ごと
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
1968年 神田カルチェ・ラタン闘争前の中央大学中庭の集会。 1991年 自動車雑誌NAVIによる湾岸戦争反対の立て看板。「反战」「万才」の略字を使用。 2005年 京都大学の石垣カフェ撤去反対の立て看板。 書きかけのゲバ字。動や闘の字が略されている。スポンジを用いて一気に書き上げ、後から塗りつぶしていることがわかる。 ゲバ字（ゲバじ）とは、日本の学生運動などでビラや立て看板などに使用される特徴的な字体[1]を指す呼称。ゲバ文字[2]、全共闘文字、全学連文字[2][3][4]、トロ字[注釈 1][5]とも。 「ゲバ字」や「ゲバ文字」の「ゲバ」はドイツ語のゲバルト（暴力）より。当時の新左翼は、ブルジョア国家の警察や軍隊といった暴力と、コミューン権力を目指した自らの暴力を区別して考えるためにゲバルトという言葉を多用していた。「トロ字」の「トロ」はトロツキストのことを指す。これは日本共産党が新左
好みなものや気になるものを見つけてはメモしていたのが結構溜まってきたので、普段からよく利用させてもらっているのも含めて自分の備忘録用でまとめました。 いずれも手書き風デザインに相性が良さそうなフリーフォントで、この手のタイプの中では有名なものから割と新しいものまで和文・欧文それぞれ25種類ずつの全50種類です。 女性や子供が書いたような特徴的なものや可愛らしいタイプのもの、チョークや鉛筆で書かれたようなものまで様々なタイプがあります。 紹介しているフォントは、いずれも利用規約を守れば基本的にフリーで使用することができ、特に和文フォントに関しては全て個人・商用問わず無料で使用できます。 ただ、あくまでこのエントリー公開時の情報ということと中には無料で商用利用可能でも作者に連絡する必要があるフォントもあるので、使用する際はライセンス等を各自で再度確認してください。 紹介しているフォントを使用す
最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。（参考：サイト改善 10のポイント） 誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1. スタイリッシュにまとめたい
こんにちは、アクトゼロの小林です。 2013年ももうすぐ終わりですが、みなさんにとって今年はどんな一年でしたでしょうか？ 僕にとってはwebデザイナーになって2年目の年で、昨年よりかは視野を広げてデザインを見れるようになった気がします。 同時に課題もたくさん見つかった年なので、来年はもっと頑張りたいと思います！ ************************ さて本題ですが、webデザインにおいて、ある程度フォントを覚えると、そのフォントばかり使ってしまうということありませんか？ 特に英字フォントにおいては無数に書体があるので、選ぶのが手間で無難に走りがちだと思います。 今回はそれを打開するべく、最近の海外サイトでどんなフォントがどんなふうに使われているのか調査してみました！ やや長い記事なりますが、参考になれば幸いです。（画像は全てクリックすると拡大されます） No.01 ［Moonc
あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf
マール社の書籍「デザイン筆文字シリーズ2 酔虎」が武蔵システムによってフォントデータ化された。酔虎テキストは「戦国BASARA」や「水曜どうでしょう」のテロップに使われたフォント。荒々しさが魅力だ。 フォントフォーマットは、TrueTypeとOpenType（1ライセンスに両方含まれる）。JIS規格第一水準漢字・人名漢字・ひらがな・カタカナ・数字・アルファベットなどが収録されており、書籍に収録されていなかった半角の数字やアルファベットについては、全角のデータを元に作成。合計約3310字収録されている。価格は1万2000円。WindowsならWindows 2000／XP／Vista／7／8／8.1で、MacならMac OS X 10.3以降で使用できる。
やさしさアンチックはどんなフリーフォント？ フリーフォントのやさしさアンチックは、自由にダウンロードし、商用・非商用問わず使用できます。 「アンチック体」とは、ゴシック体の漢字にあわせた太い明朝体の「かな」が組み合わされたフォント。 通称「アンチゴチ」として、マンガの吹き出し、辞書の見出しや絵本などに多く用いられています。 普通のアンチック体よりも太さの差が少なく、漢字との統一感が高いデザインの漫画用フォントです。 同人誌やコミックなどのセリフ文字を中心に、ぜひご使用下さい。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く