Making the web more beautiful, fast, and open through great typography
![Browse Fonts - Google Fonts](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc141c562122706ee5c3273cfeefb53b2ead8004/height=288;version=1;width=512/https%3A%2F%2Fwww.gstatic.com%2Fimages%2Ficons%2Fmaterial%2Fapps%2Ffonts%2F1x%2Fcatalog%2Fv5%2Fopengraph_color.png)
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
William Caslonのローマン体サンプル 書体の構成要素(英語版) 赤く強調された'p'のカウンター(英語版)。閉じた部分をカウンターと呼び、A、B、D、O、P、Q、R、a、b、d、e、g、o、p、q や記号 0、4、6、8、9などである。 また、C、h、3などの開口部(aperture)を持つものはオープンカウンターという。 タイポグラフィ(英: typography)は、文章を印刷するために活字を組版して活版を作る技法のことで、ひいては、その際に見栄えや視認性を良くするために文字の体裁を整える技芸である。これに対して、図形を印刷するための技法には、例えば石版(リトグラフ)を用いるリトグラフィなどがある。 タイポグラフィの領域はその周縁においては、木版を用いて文字を印刷する整版、見出し用途のための木活字の使用、やはり木活字を使用する古活字版、さらにはレタリングやカリグラフィ、東ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く