Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
いま、活版印刷が見直される理由とは？ - TYPE
たかがメガネ、されどメガネ突然ですが、メガネ、お使いですか？ はい、あの眼鏡です。私は出かける時はコンタクトなんですが、家ではもっぱらメガネ愛用者ですね。すごく目が悪いので、寝ている時以外はずっとしています。 何個か持っているのですが、いつも使うのは大体決まってます。ちょっと赤っぽい縁の軽量メガネ。黒縁と迷ったのですが、私の場合赤にして正解でした。なんとなくしっくりきてお気に入りです。 皆さんメガネを買うときのこだわりってありますか？私はかけてて痛くならない素材がいいですね。なんせずっとかけてるので、重いとしんどいです。あとはフレームの大きさ。あまり小さいとおかしいし、大きいと重苦しく見えますよね。 メガネ屋さんに行くとあまりに沢山の種類があるので気が遠くなったことありません？私はあります。もうどれでもいい、なんて思っちゃう。でもメガネって、ほぼ体の一部になるものだから、慎重に選ばないとあ
超初心者のための文字組入門（追記あり） #moji_for_webya - Suikolog
このエントリは#LOVEFONT Advent Calendar 2014 への参加エントリです。好きなフォントについて語るブログ・アドベントカレンダーではあるのですが、失礼して「フォントの使い方」に解釈を広げてお送りいたします。 このエントリを書く理由 JUSO Coworkingで9月から11月にかけて、私が企画し開催した「ウェブ世代のデザイナーのための文字組入門 第一回・Illustrator / Photoshop 文字組一日集中入門」。「文字組みに関する知識ゼロのウェブデザイナーであっても受講でき、理解できる基礎講座を開きたい」という願いから、組版屋の大石十三夫氏（はあどわあく・なんでやねんDTP）を講師としてお迎えし、実現したものでした。 この講座を開催した理由はいろいろありますが、ひとつは文字組みを知らぬままデザイナーになってしまった私が勉強してみたいから、ということでした。
PhotoshopやIllustratorで"Font-Awesome"をつかってみた | 波乗りスタッフ日記/Web制作会社サーフボード
今更ながら、"Font-Awesome"がとっても便利です。 "Font-Awesome"とはWEBフォントなのですが、アイコンのWEBフォントなのです。 Bootstrapから派生したものですが、最近は日本語のWEBフォントも出回っていて(無償は少ない･･･)WEBフォントばりばり使ったサイトも増えてきています。 "Font-Awesome"はアイコンフォントなので、大きさや色もスタイルシートで簡単に制御できます。５１９種類もあって、矢印なんかもたくさんあります！使い方は簡単！ <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet"> とhtmlに入れるとなんと簡単にアイコンが!!! キャッチコピーやアイコンを画像にすると「スマホ対応になった時に
文字フォントの使い方で変わる！階層づくりに必要な基本テクニックまとめ
文字テキストの視覚的な階層（英: Visual Hierarchy）とは、いったい何を意味しているのでしょう。 デザインプロジェクトに致命的な影響が出てしまうこともあるので、じっくり検討する必要があります。そうすることで、もっとも注目して欲しい情報がどれなのか、ユーザーに分かりやすく説明できるようになるでしょう。 Image Source: Unsplash 4.5 by Kirill Zakharov 階層を利用しない場合、文字や単語、文章などはどれも同じように見えてしまい、ユーザーが読みたいコンテンツを探すときにも役に立ちません。 以下では、文字テキストの階層を利用してユーザーにメッセージをうまく伝え、魅力的なウェブサイトづくりを目指す、基本テクニックやルールをまとめて見ていきましょう。 詳細は以下から。 文字における階層で気をつけたいポイント Image Source: Helly
日本語フォントの後ろにある「Std/Pro/Pr5/Pr6」と「N」の意味 - デザインメモ
同じ小塚ゴシックなのに、後ろに「Pr6N」「Pro」「Std」がついてるけど何が違うんだろう？ いつもどれを使ったらいいのか、違いもよくわからずに日本語フォントを選んでいたので、今回調べてみました。以下からどうぞ！ 「Std/Pro/Pr5/Pr6」はアドビが決めた規格で変わる モリサワをはじめとするフォント製品は、アドビシステムズ社（以下アドビ）が日本語フォント製品用に決めた規格 「Adobe Japan Character Collection for CID-keyed Fonts」 に添って作られています。 （Adobe-Japan-1-6 Character Collection for CID-keyed Fonts 5078.Adobe-Japan1-6.pdf） その規格は、Adobe-Japan1-3やAdobe-Japan1-4のような文字セットのバージョンのようなもの
CIDフォント | フォント用語集 | 文字の手帖
アドビ株式会社が開発した2バイトの日本語PostScriptフォントです。 1991年に開発に着手、1993年に最 初のCIDフォントがリリースされました。 1バイトのType1フォントを集め、便宜的に2バイトにしていたOCFフォント フォーマットとは違い、最初から2バイトで設計されています。 CIDフォントは文字のアウトラインファイルと、文字セットと各文字に振られた番号（CID）を結びつけるCMapファイル というシンプルな構成が特徴で、CMapの登場により、異なるエンコーディング環境にも対応できるようになりました。 このCIDとCMapファイルによって、アプリケーションが求める文字を呼び出すしくみを持ったフォントフォーマットは、 CIDによって紐付けされたフォントという意味で「CID-keyedフォント」と呼ばれています。 なお、PostScriptベー スのOpenTypeフォントは
より優れたデザイナーになるための12の方法 - 99designs
99designsのこれまでの成長ぶりから判断して、今年は重要な年になりそうです。本サイトはかつてないほどの速さで進化を遂げているので、ぜひデザイナーの皆さんも一緒に成長してほしいと願っています。 優れたデザイナーになる12の方法を紹介しますので、毎月1つ試してみてください。新しいスキルを学び、新たなヒントを生かしていくことで、さらに優れたデザイナーになりましょう。 1. グリッドの使い方を習得する — ウェブサイトであろうと印刷物であろうと、デザインする上でバランスのとれたレイアウトを決定することは、最も難しく、非常に悩ましい作業の一つです。しかし、この問題はグリッドがあっという間に解決してくれます。グリッドを使えば、いつもの試行錯誤を繰り返すことなく、レイアウト作業を系統立てて行うことができるのです。 この方法なら、グリッドに沿ってレイアウトを決めていけばいいので、コンセプトやタイポグ
あの「HG創英角ポップ体」の元となった直筆生原稿を見た
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
Web Designing ウェブフォントデザインアワード2011