ConceptualCaseはPhotoshopのフォント表示を階層化し、Font Bookで管理できるようにするソフトウェアです。 Mac OSX版のPhotoshopで作業している時に、フォントを選ぶのがとても面倒に感じていました。あれだけ長く並んでいると、多数のフォントをインストールしている場合に大変です。そこで使ってみたいのがConceptualCaseです。 インストールしていない場合。CS6用ですがCS5でも使えました。 インストールするとこんな感じに。かなり見やすいです。 整頓する時にはFont Bookを使います。 ConceptualCaseはSIMBLプラグインとして提供されるソフトウェアです。インストールした後、Photoshopを起動するとフォント選択が階層化されます。これでFont Bookを使ってリストを管理しておけばすぐに必要なフォントが探し出せるようになるは

デザインの印象を決定づける大きな要素の一つフォント。世界中で日夜新しいフォントが生まれ、公開されていますが、今日紹介するのはユニークで新しい海外のフリーフォントを集めたエントリー「8 Fresh Free Fonts」です。 Zerb 最近リリースされたフリーフォントの中からさらに厳選して、クリエイティブなフォントがまとめられています。いくつか紹介されていますが、今日はその中から気になったフォントをピックアップして紹介したいと思います。 詳しくは以下 Lovelo 先が尖った太めのゴシックフォント。タイプ違いでボーダーのみで表現したファミリーもあります。 Hammer 細身でキレイ目ですが、どこかユニークなフォント。 Fénix セリフが効いた、キレイ目な正当派フォント。 上記の他にもクリエイティブなフォントがまとめられています。新しいフォントを探しているという方は是非原文もご覧ください。

お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ！ はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ

BLOKK font helps you create good looking mock-ups and wireframes, where layout is more important than latin words.

1月が終わってしまいましたね～！春が待ち遠しい、seki です。 今回は、今まで画像として書き出して使っていたピクトグラムなどのパス画像を、フォント形式で吐き出してくれるサービス「icoMoon」のご紹介です。一度自分で作ってみたくてウズウズしてました。詳細は以下より。 作り方について 参考サイト→http://webamb.com/web_service/773.html はい！こちらの記事にとても分りやすく紹介されています！ とりあえずその通りにやってみましょうか。 1. Fireworksでまずは元となるアイコンを作る パスツールを使ってサクサク。よくメニュー周りなどで使えそうなものを作ってみました。 無心で作りすぎたせいであまり統一性がありませんが、参考までに。 塗りは黒ベタで。もし描くのが難しいという方は、フリー配布されているアイコンから持ってきても良いかと。 もちろんイラレで作

NINTENDO64の周辺機器である「64DD」で動作する「ランドネットディスク」にあるブラウザやメールソフト上で使われていたフォントっぽい感じに作られている日本語フォントが「ぬかみそフォント」です。 ぬかみそフォントbeta08 - HatenaDiary id:Narr http://d.hatena.ne.jp/Narr/20110619 ダウンロードは下記サイトから可能。 ぬかみそフォント http://www.h7.dion.ne.jp/~beta-rev/virtualboy/download/download.html 上記ページ内の「ランドネットディスク物真似CSS 2011年06月19日版」をクリックしてダウンロードできるZIPファイル内の「omake」フォルダーにフォントファイルが入っており、「非営利目的および営利目的での使用が可能です」など各種使用許諾の条件なども書か

ブログに関して技術的なことはかっらきしわからない（からっきしなんて言葉はじめて使った） 私ですが、ちょっと Webフォント なるものに挑戦してみました。 ここ最近ずっと、日本語のフォントに中国語風の『Heiti SC』というのを使っていたんですが、ちょくちょく「文字化けですか？」「見辛い」「気持ち悪い」「調子に乗っている」などなど言われていたので、フォントの変更に踏み切ってみました…(,,-_-) ただ、Mac は ともかく、iOS で表示できる日本語フォントってほとんどないんですよね…。たぶん… おそらく、『ヒラギノ角ゴシック』か、前述の『Heiti SC』しかないような気がします。他にもあるのかな…｡:ﾟ(;´∩`;)ﾟ:｡ 『Heiti SC』は漢字が中華風になっちゃいますしね… 実際は『ヒラギノ角ゴシック』のみと言っても過言ではないですよね…。 『Heiti SC』の ひらがな部分

Free Fonts Type Trends at a Glance There are a few things we’re already starting to notice when it comes to typography this year. Many of the options in this list have these trending styles in mind. San serif stacked typography with three- to five- lines of text. Use of more serif font options. Retro and outline/inline styles with a classic vibe. Elaborate swashes and flourishes for short text. Th

8 Comments Metropolis will find some use on my website in the near future! Really nice selection, loving the retro fonts! Favourite has to be Barkentina. These are really really nice, but I think the title is a bit off since about half of these require a minimum $5 donation. Not that there is anything wrong with a $5 donation for an amazing font, but I just wanted to point out that the title was a

株式会社モリサワの企業情報。新着情報、ビジョン、代表挨拶、会社概要、営業所・ショールーム

Blog のデザインをリニューアルしました報告でもちょっと書いたんですが、アイコン関係を Web フォントを使ってやってみました。その時に利用させてもらったのが 「Font Awesome」 でして、今回はその簡単な使い方について書いてみようと思います。 Font Awesome, the iconic font designed for use with Twitter Bootstrap Font Awesome は簡単に言ってしまえば、Twitter Bootstrap のアイコンを Web フォントで扱えるようにしたもの。Twitter Bootstrap のアイコンは CSS Sprite で利用できるようにひとまとめになった 「画像」 として提供されていますが、Web フォントとして提供されることで、よりサイズ、カラーなどを柔軟に扱えるようになっています。 Font Aweso

日本語Web Fontsが盛り上がりつつあります。 もじでぱ｜ウェブフォントでブログ＆ホームページの文字（フォント）を自由に変更して楽しもう♪デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪HOME | フォントプラスTypeSquare [タイプスクウェア]フォント・WEBフォントの【アマナイメージズ】フォントダイスキ人間としては、日本語Web Fontsの普及を望むものの、次のような点でちょっと微妙だな〜と感じています。 太字問題h1要素、h2要素などの見出しには、通常、「font-weight: bold;」を設定して太字にします（というかブラウザースタイルで設定されている）。これにWeb Fontsを併用すると、さらに太字になってしまいます。 IllustratorやInDesignに太字機能がないことからもわかるように、文字は太字機能で太くするのでなく、ウ

sakurachiro.com 2023 著作権. 不許複製 プライバシーポリシー

Typode was created by Santiago Ortiz | you can download here the json containg the fonts coordinates along with the code of this site. If you use this fonts just be kind and mention this site.

Web フォントを利用する際、技術として理解するだけでなく、フォントに適用されたライセンスを理解しておくことも大切です。 特に和文フォントにおいては SIL Open Font License (OFL) mplus Font License IPAフォントライセンスv1.0 あたりを適用されるケースが多いようです。また、これらのいずれかのライセンスが適用されていれば Web フォントとして利用することができます。ただし、ライセンスによる指示に従う必要があります。 ##各ライセンスの要点 ###SIL Open Font License (OFL) OFL であることを明示すればほぼ自由に Web フォントに利用できます。ライセンス明示方法は後述。 ###mplus Font License ほぼ自由に Web フォントに利用できます。ライセンス明示方法は後述。 ###IPA フォントライ

昨日 Adobe がソースコードを表示する目的として 開発した「Source Code Pro」というフォントを公開しました. ライセンスは SIL OPEN FONT LICENSE で SourceForge と GitHub で公開されています. また, Googe Web Fonts でサポートされていたので 早速使ってみました. Table of contents サンプルデモ 使い方 サンプルデモ サンプルは jsdo.it で作りました. Demo00 Demo01 Googe Web Fonts 経由で読み込み, textarea に適応させています. textarea に文字列を入力すると「Source Code Pro」が適応された文字列が表示されます. 全体的にキレイな印象です. また, I(アイ), l(エル), 1(いち)や O(オー)と0(レイ)の違いが明確で見