ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
「©(コピーライト)」「€(ユーロ)」「π（パイ）」「µ（マイクロ）」「∞（無限大）」など特殊記号文字を入力する際の、WindowsやMac環境でのキーボードの入力方 [...]
woorkのエントリーから、ペンで書いたような、10個の手書きのフォントを紹介します。 10 Handwritten fonts you can't miss Analgesics Sketch Rockwell Joe Hand Two Turtle Doves Estrya's Handwriting Gregs Other Hand Later On Bubbly Frog Rai Elegant Imitation
今回ご紹介しますのは、12点です。 いずれも手書き風のスパイスの効いたフォントをご紹介いたします。
かわいいフォントを探している。 そんなときにおすすめなのが、『My 10 favorite typefaces』。veerleによる、かわいいタイポグラフィー10選だ。 以下にご紹介。 ・Chalet ・Neutraface ・Tarzana Narrow ・Verlag ・Bryant ・Bree ・Mrs Eaves ・Requiem ・Soda Script ・August フォントのデザインは以下からどうぞ。 » My 10 favorite typefaces かわいいタイポグラフィー、チェックして自分のストックも持ってお...
テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明 [...]
以前、ご紹介した『Photoshopチュートリアル テキストエフェクト』 Photoshopを使って、テキストを格好良く見せたい！そんなときに使えそうな、Photoshopのテキストエフェクト・チュートリアル 第２弾です。 Create a Spectacular Grass Text Effect in Photoshop 芝生が浮き出るテキストエフェクト。とってもきれいですよね。 Dramatic Text on Fire Effect in Photoshop メラメラと燃えさかる炎がかっこいエ...
埋め込みフォントを使う場合のちょっとしたTipsを３つ紹介しておく。 1. 何も考えずにフォントを埋め込む方法 フォントを埋め込むには、Embed メタタグを利用する。 package { import flash.display.Sprite; import flash.text.TextField; public class EmbedFontTest extends Sprite { [Embed(source='アニトＭ-教漢.TTF', fontName='anito')] public function EmbedFontTest(){ stage.align = "TL"; stage.scaleMode = "noScale"; var textField:Text...
平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変えて、さらに立体的にも...
テキストにメタル・クローム・ピクセル・グランジ・泡・水などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファ [...]
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly" Golden Ratio Cal [...]
「YUKIフォント」は、女性の手書き文字を再現したフォント群。Windowsに対応するフリーのOpenTypeフォントで、ウェイトの異なる「YUKI-W4-Reguler」と「YUKI-W6-Bold」が同梱されており、利用は非商用目的のみに限られる。商用目的で利用したい場合には2,800円の製品版を購入する必要があり、製品版には「YUKIフォント」を含む10種類のフォントが同梱されている。 ひらがな、全角カタ...
社内ミーティング用にちょっと解説などを作ったので、せっかくですので共有します。 内輪用語や適当な部分が多いのはご勘弁ください。 スライド 資料・サンプル
テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウ [...]
この記事の続き。 とりあえずてきとうに作ってみた。 ついでに作業画面の動画も作ってみた。【ニコニコ動画】ちょっと手書きフォント作ってみた やっつけでウェブサイトも作ってみた。 しろもじ作業室 てきとうに書いて作ったフォント - しろもじ作業室 あとでもう少しちゃんとした記事を書く予定。
先日5月17日（土）に、欧文タイポグラファーとして有名な嘉瑞工房の高岡昌生さんにお話を伺うことができた。TOKYO TDCが運営している「希望塾」の第12期生として参加させていただいているのだが、この日の講師が高岡さんだった。希望塾は明後日24日、葛西薫さんのご講義で終了となるが、次回の第13期は字遊工房の鳥海さんや平野甲賀さんなどが講師をされるので文字好きには...
テキストにメタル・光・水・草・キャンディーなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウン [...]
IE との兼ね合いで，font-size は%で指定しておくのが，いちばん無難だと思うのですが，IE6, 7 にちょっと痛いバグがありました。 小さなサイズの文字が指定どおりの大きさにならないのです。 11px以下のフォントが指定より大きくなる まず，font-size のページを IE6 または IE7 でご覧ください。 順にフォントサイズが小さくなっていくはずなのですが，74%から72%あたりの日本語のフォ...
ところで皆さんは、どんな環境で誠を見ているでしょうか？ Windows Vistaだと「メイリオ」という名のフォントが入っています※。メイリオの名の由来は「明瞭」。実際にメイリオは、縁がなめらかで読みやすいフォントだと思います。 ※ちなみにMac版のOfficeにもメイリオが入っています しかし筆者の環境は、OSがWindows XP。Windows XPでは日本語を表示する標準フォントは「MS P ゴ...
自分用のメモです。font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で...
