70,000個以上の商用・非商用で無料で利用できるフォントをまとめたサイトを紹介します。 FontPark 登録されているフォントは82のカテゴリに分けられており、日本語(Japanese)のカテゴリもあります。 [...]
これは素晴らしいアートが詰まった24の絵文字フォント色々。 次のようなシンボルフォントが公開されています。フォントとして手軽に使えるベクターデータとしてデザイナーの方は重宝しそうです。 特に、次の Efon はカワいいアイコンが収録されており、サイトに入れるとなかなかいい感じになりそうですね。 他にも以下のような汎用性の高いグラフィックが収録されたフォントが紹介されています。 植物のフォント YahooとかIBMとかVisaとか誰もが見たことあるようなロゴのフォント 動物のフォント。こちらも色々と使えそうですね。 町並みを表現したフォント。フォントにしたことで、オリジナルの街が作れるところがいいアイデアです。 人型のフォント。 「これは絶対覚えておいた方がよいシルエットの素材集」にて紹介したデータもよいですが、フォントになっているのも手軽に使えそうでよいですね。 各々のリンク先は以下を参照
vectipsで、クールなTipsが紹介されています。illustratorでどんなフォントもスケッチフォントに変える方法ですね。 ↑みたいなフォントが作れます。 1. テキストツールでテキストを入力 2. 塗りと線をなしにする 3. アピアランスパネルで、新規塗りを追加 黒を選択 4. 効果 > スタイライズ > 落書き で以下のように設定 5. 2ptの黒で線を追加 6. 線を選択した状態で 効果 > パスの変形 > ラフ で以下のように設定 以上ですね。 さらに、1クリックでこの効果が適用できるように、グラフィックスタイルパネルで新規グラフィックスタイル登録しておけば、1発で効果を適用できますね。 詳しくは以下からどうぞ。 » Turn Any Font Into a Sketch Font MacのDockを自動的に隠す設定にしてウィンドウが広くなりました☆表示するの好きだったんだ
Mac OS X には複数の「Fonts」フォルダがあります。フォントのインストール場所により、誰がどのような場合にそのフォントを使えるかが決まります。 Font Book でフォントを管理する フォントをインストール、削除、表示、整理、検証、使用、および使用停止する際は、Font Book (Mac OS X v10.3 以降に付属) を使うよう推奨されています。詳しくは、こちらの記事を参照してください。 Font Book を使わずにフォントを手動で管理する場合は、次のセクションを参照してください。 フォントを手動で管理する 注意:Mac OS X には 4 つ以上の「Fonts」フォルダがあります (ソフトウェアのインストール状況とユーザ数により異なります)。この記事では、これらのフォルダをパス名で区別します。パス名について詳しくは、こちらの記事を参照してください。 フォントをインス
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
Sans Serif Fonts Download 各フォントは、サイズごとのプレビューやテキストを入力してのプレビューなどでダウンロード前に確認することもできます。
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C DTR PHP+GDで綺麗なテキストを生成し、JavaScriptでbackground-image設定して表示します。 そもそもがテキストになっているので、HTMLもクリーンです。 見え方は以下のように、綺麗なテキスト 生成されたHTMLはh5要素として、次のようになっています。 <h5 style="background-image: url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h
シンプルで使い勝手がよさそうな高品質なフリーのフォントをThe Crud Factoryから紹介します。
EmChart | Aloe Studios Blog Using a relative unit such as EM is a great way to maintain the vertical rhythm of a web page when a user resizes text in their browser.CSSのem指定のサイズが一発でわかっちゃう「EmChart」 基本のサイズが24ピクセルで、9px にしたい場合、0.375emにすればよい、というのが簡単に分かるようになっています。 これはなかなか便利そうですね。チャートのダウンロードも可能です。 関連エントリ サイト上でCSSによるフォントスタイルを確認できる便利ツール サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」
IE7のフォント絡みでこんな話があった Twitter経由でこんなCSSのフォントサイズに関するバグを教えて頂きました。(バグと呼ぶのか、仕様と呼ぶのかは分かりませんが)発端はfloralさんのこの発言。 IE7で検証した?http://redline.hippy.jp/lab/css/bodyfontsize625.php 以前このブログで書いたこの記事。 >>RedLine Magazine : bodyにfont-size:62.5%を指定すると・・・ 内容はbodyに対してfont-size: 62.5%を予め指定しておくと、フォントサイズをemで指定する際、12ピクセル相当なら1.2em、16ピクセルにしたいなら1.6emという風にemを使ったフォントサイズ指定が分かりやすくなるよというものでした。 そしてその記事に対して前述の通り、floralさんのポストからIE7だとなにやら
350 Designsから、可読性が高いフリーフォントをいくつか紹介します。 Clean font showcase Asenine Aurulent Sans Decker Howies Funho
font-size指定 2007-03-10 0 0 XHTML/CSS CSS, font-size 数で合理的にデザインする - サイズ編 で少し書いたfont-sizeについての補足です。 どのくらいの文字サイズで見られているかは,ブラウザとその設定によってまちまちです。でも,せめてデフォルトの状態では意図したレイアウト,フォントサイズで見てもらいたい,という願いもないわけではありません。font-sizeの指定をどうするか,ちょっと考えてみました。 font-sizeは%で font-sizeをpx,pt,inなどで絶対指定すると,Win IEで文字サイズの変更が出来なくなるのをご存じの方も多いでしょう。文字サイズを固定してしまうのはアクセシビリティ上少々問題があります。font-sizeはem,ex,%で相対指定(基準になるものとの比率で指定)するのがよいとされています。 Win
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く