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や紙媒体の広告でよく見かけるようになった日本語フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕の妻もデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ！ はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ
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』の ひらがな部分
【決定版】僕の考えた最強のfont-family指定
本記事は200弱ツイート、500弱のはてブと16000PVを2日で稼ぎ出した(稼いだからってどうもないけど) [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！ | DevAchieveの反省会会場となります。 未読の方は先に読んでおくと話がわかりやすいかと思います。指定だけ見たい人はこちら。 [CSS]俺好みのfont-family指定が最強に読みやすくてオススメ！の狙いタイトルではてブや検索流入を狙う本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則 | Chrome Lifeで 解説されている通り、はてブは全角32文字までに入れないとトランケートされてしまうので短めに。 はてブユーザーが大好きな最強とか入れておいて、読んでブクマしてもらえるようにしておきます。 「font-family 指定 オススメ」というキーワードを埋め込んで
で、「日本語フォントのunicode-range」に対応していないブラウザではどうなっちゃうのかというと、 @font-faceのローカル参照に対応しているFirefoxやSafariでは、unicode-rangeディスクリプタが無視されて単にメイリオで上書きされるので、すべての文字がメイリオで表示される @font-faceのローカル参照に対応していないIE8以前ではsans-serifで表示される ということになります。 （上記のコードはメイリオとArialのみの例示です） （Macに対応するため、"HelveticaArialHiraginoMeiryo"みたいにどんどん上書きしていく必要があります） （それと、Android OSだと、ローカル参照があると、そのフォントが在っても無くてもローカルフォントで表示しようとします。と2011年6月に出版された『CSS［略］） 2つ目：W
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
株式会社モリサワの企業情報。新着情報、ビジョン、代表挨拶、会社概要、営業所・ショールーム
え～、Arialの後編を期待されていた方もいらっしゃるかもしれませんが、それはさておいて今回は書体制作ソフトのお話です。後編はそのうちやりますから。 グラフィックデザインや文字組版では専らAdobeのCreative Suiteを使うのと同様に、書体デザイン業界ではFontLabというソフトほぼ一択となっています。もちろん他に選択肢がないわけではありませんし、和文書体のデザインでは伝統的にURWという会社のIKARUSというソフトが使われていますが、それは企業専用のようなもので、一般ユーザーに手が出る金額ではなく操作も非常に複雑だと聞きます（訂正歓迎）。FontLabも慣れるまでは非常に難しいソフトではありますが、その廉価版とも言うべきFontographerは日本語にも対応していて初級～中級者用としてはうってつけの存在と言えます。 欧米では先に挙げたFontLabの他に、これのアップデー
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に太字機能がないことからもわかるように、文字は太字機能で太くするのでなく、ウ
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(レイ)の違いが明確で見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
