10 Great Google Font Combinations You Can Copy
The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page. Today we’re going to use the Google Font API as a playground for mixing fonts and finding ideal pairings. You’ll be able to skim through and instan
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
2008年、ウェブのデザイナー・開発者がおさえておきたいリソース集 | コリス
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
フォントを特定できるサイト7選 – creamu
フォントについてもっと多くのことを知りたい。 そんなあなたにおすすめなのが、『7 Free Tools to Identify A Font』。フォントを特定できるサイト7選だ。 以下にご紹介。 » WhatTheFont 画像をアップロードすると、何のフォントかを調べてくれる » Identifont フォントについての質問に答えていくことでフォントを探せる » Typophile フォントに詳しい人が集まった大きいコミュニティーサイト » Bowfint Printworks フォントに関する質問に答えてフォントを探す。↑のIdentifontと似ている » Typenavigator フォントの形についての質問に答えて検索できる » Typenavigator いろいろな画像で使われているフォントが見つかるflickrのグループプール » Modern Life Blog 有名なサイ
CSSで「font-family: “メイリオ”」を指定するのはやめた方がいいかも
スタイルシートで font-family: “メイリオ”; と指定しているサイトをちょくちょく見かけるが これは今の時点ではやめておいた方がいいんじゃないかと思う。 確かに Windows XP にもメイリオを入れられるようになったが、 こないだ書いたように Windows XPでメイリオを使う方法まとめ – 頭ん中 メイリオをダウンロードして XP に入れるだけでは 綺麗な縁で表示されない。 から。 ブラウザの設定で、 サイト側で指定されたフォントを使わないようにしている人や そもそもメイリオを入れてない人なら問題ない。 その場合はデフォルトのフォントで表示されるから。 が、メイリオをインストールしたけど ClearType を使う設定をしていない人が メイリオ指定のサイトを開くと、 ギザギザだったりつぶれていたと きったないメイリオで表示されてしまう。 これならMSゴシックの方がマシ。
標準の日本語フォント / もうパンツはかない
各環境でどんな日本語フォントが使えるのか、まとめてみました。 それぞれのOSで標準添付されていると思われる日本語フォントをCSSの指定で表示させたものをキャプチャーしました。小さい方の字は16ピクセル、大きい方は 150% とCSS上で指定しています。使用ブラウザは主に各環境の標準ブラウザ(MacはSafari、WindowsはEdge)です。 Mac Windows Linux macOS Sonoma (14) ヒラギノ角ゴシック (ウェイト:W0〜W9の10段階) font-family: "HiraginoSans-W0","Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 100; font-family: "Hiragino Sans","ヒラギノ角ゴシック"; font-weight: 400; font-family: "Hiragino S
[CSS]さまざまな指定方法によるフォントの見え方を比較 -メイリオ・ＭＳ Ｐゴシック・ヒラギノ角ゴシック | コリス
スタイルシートを使用してフォントサイズの指定を行う場合、いくつかの方法があります。 absolute size キーワードで指定、フォントサイズはUAに依存 ex.)small, medium relative size 親要素に対しての相対指定 ex.)smaller, larger length 正数で指定、使用できる単位は「in, cm, mm, pt, pc, em, ex, px」 ex.)10pt, 1em percentage 親要素に対してのパーセント(%)指定 ex.)100%, 120% この中から、キーワード、em、pt、px、パーセントで指定をし、主要フォントでどのように表示されるかを比較しました。 フォントスタイルは、上から「メイリオ」「ＭＳ Ｐゴシック」「ヒラギノ角ゴシックW3」「Osaka」の順番で、「メイリオ」はWindows Vista、「ＭＳ Ｐゴシック
For Web Designers - Website Design Resources
User submitted list of design resources for web designers and developers.
10000個のフォントが無料でダウンロードできる「ShowFont.net」 - GIGAZINE
サイトの説明によると、1万種類のフォントがダウンロードできるそうです。ほとんどのフォントはネット上からかき集めてきたモノとのこと。フォントのタイトルごとにページがまとめられており、それぞれどんなフォントなのかというサンプル画像も一緒に表示されます。 ダウンロードは以下から。 Download free fonts | ShowFont.net | Download 10,000 Free Fonts http://www.showfont.net/ まずはリストからダウンロードしたいフォントを選んでクリックします それから表示されているコードを入力して、「Download Font!」ボタンをクリックすれば、ダウンロードが始まります
Webデザインで最も愛されているフォント16選『16 Best-Loved Font Bits In Web Design』 | CREAMU
Diary Webデザインで最も愛されているフォント16選『16 Best-Loved Font Bits In Web Design』 Webデザインでよく使われるフォントはなんだろう。 そんなときにおすすめなのが、『16 Best-Loved Font Bits In Web Design』。Webデザインで最も愛されているフォント16選だ。 以下にご紹介する。 1.Helvetica, Helvetica Neue, Arial 2.Verdana 3.Georgia 4.Trebuchet MS 5.Century Gothic 6.Lucida Sans Unicode, Lucida Grande 7.Palatino 8.Garamond, Baskerville, Caslon 9.Univers Condensed, Linotype Univers 10.Myriad
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
タイトル・見出しに使えるデザインまとめ - DesignWalker
http://www.stylish-style.com/csstec/base/font2.html
Travellers Tale: スタイルシートでのフォントの名前
無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
ページのアクセントにも最適なフリーのデザインフォント20選 | コリス
http://e0166nt.com/blog-entry-455.html
萌え系フォントのまとめ:phpspot開発日誌
デザインセンスを刺激するフリーのフォント9 -misprinted type | コリス
デザイン初心者の方が気をつけると良いポイントあれこれ - DesignWalker
フリーフォント最前線は移転したぜ。