[B! Web制作][typography] wirknichtvorausのブックマーク

文字サイズの比率と調和

ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列（隣接する項が共通の差を持つ数列）の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ...　// 調和数列実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz

wirknichtvoraus 2019/06/29

リンク

ついにウェブでも有名書体が使える！Webフォントサービス Fonts.com Web Fonts β版が運用開始 - フォントブログ

フォントブログ閉鎖と一部記事の移管について平素はフォントブログをご覧いただき誠にありがとうございます。数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、フォントブログを閉鎖することにいたしました。これまでお世話になった方々、私に様々な機会を与えてくださった方々、そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。私自身2014年に関東から地元へUターンをし、書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

wirknichtvoraus 2010/05/06

リンク

Webタイポグラフィまとめ - Archiva

Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。オールドスタイル数字アンパサンド（“＆”）スモールキャップハイフンとダーシ各種スペース合字約物約物はぶら下げる :beforeと:after 見出しのサイズ初期フォントサイズ行間の調整余白の調節各国の日付表記

wirknichtvoraus 2009/01/23

リンク

Typetester Compare fonts for the screen

Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.