問題タブ [typography]

少し前にデザインのブログを読み始めたのですが、@font-face が Web の新たな機能であるという印象を持っていたため、昨年末かそのような時期に人気が出たようです。しかしその後、Internet Explorer が IE4 以降 (何らかの変換を伴う) を持っていることがわかりました。

では、最近 @font-face をオンラインで見るのは一般的ですか? このようなことを行う前に、アクセシビリティ、合法性、またはレンダリングに関して何か心に留めておくべきことがありますか? Hulu.com では、Canvas と「cufon」という JavaScript を使用してフォントをレンダリングしていることがわかりました。

だから私はウェブサイトの委託を受けており、コードを改善しようとしています. 複数の種類のフォント (ここでは大きい、小さい、太字、下線など) を使用する Web サイトを扱う場合、ここで h1 から h6 を使用しますか、それともある場合に備えてそれらを予約しますか?<p class="xxx">テキストのさまざまなクラスを定義する代わりに使用する明確な階層？

自分のサイトでGoogleFontsAPIを設定しました。Internet Explorerでは、ページを更新するたびに、Googleフォントの「ReenieBeanie」が読み込まれる前にデフォルトのフォントが点滅します。しかし、これがキャッシュなどに固定されて、一度ロードされるとそこにあり、デフォルトのフォントが表示されなくなるようにするべきではありませんか？

WebLoaderバージョンを使用してフォントを呼び出しています。私はもともと<link>フォントの呼び出しを使用していましたが、httpsページへの切り替えに問題がありました。httpsリンクを使用する必要がありましたが、フォントのキャッシュも停止したと思います。Firefoxではすべて問題ありません（点滅しません）。

これに関する提案はありますか？

www.n-styleid.com

次のスクリーンショットをご覧ください: http://www.jesserosenfield.com/beta/descenders.png

私の問題は、降順（スクリーンショットの「7」など）の数字がスパンの下部に垂直に配置され、他の数字が垂直に中央に向かって配置されることです。アセンダー/ディセンダーに関係なく、すべての数値の垂直方向の配置を「均等化」する方法はありますか?

ありがとう！

コード：

とCSS

UIのスケッチには、この塗りつぶされた円の文字が必要です。

Macの文字テーブルで見つかりませんでした。

@font-face にまったく同じコードを使用している 2 つのサイトがあります。フォント ファイルはそれぞれのサイトでホストされており、パスは正しいです。

1つは機能し、1つは機能しません。(そしてもちろん、クライアントではなく、私の個人的なサイトで動作します!)

これについての新鮮な視点に本当に感謝しています！

機能する場所:

サイト: http://example.com/

CSS ファイル: http://365.example.com/index.php?css=photos/style.v.1275845154

関連するコード:

機能しない場所:

サイト: http://www.example.org/

CSS ファイル: http://www.example.org/wp-content/themes/theme/style.css

関連するコード:

どんな助けでも大歓迎です！

負の文字間隔が適用されている場合、Firefox でテキストのレンダリングが他のすべてのブラウザーと異なるという問題が発生しています。

ほとんどのブラウザーでレンダリングされるテキストは次のとおりです: http://img707.imageshack.us/i/font2x.png/

Firefox でレンダリングされたテキストは次のとおりです: http://img444.imageshack.us/i/font1.png/

編集：それらは直接のスクリーンショットであり、画像は同じ解像度です。

この問題を解決する方法についてのアイデアはありますか?

.NET プロジェクトでTypogrify ( http://code.google.com/p/typogrify /) と同様の機能を持つライブラリを知っているか、使用していますか。Typogrify は Python/Django ライブラリであり、.NET プロジェクトで使用できる同等のものを探しています。

編集：今、私は.NET用のタイポグラフィ処理ライブラリを探しています

いくつかの Lotus Forms フォームを Web ページに変換します。そこで、フォントサイズに使用するものを確認しました。ポイントだと思わせるポイントです。Arial、Bold、7pt など、フォント サイズに同じ値を試しました。しかし、Web ページのテキストは、Lotus Forms のテキストよりも小さくなります。拡大鏡が必要な違いではなく、簡単にチャットできます。

その結果、Lotus Forms とブラウザーは異なる種類のポイントを使用します。検索したところ、異なる点がある可能性があることがわかりました。 http://www.cl.cam.ac.uk/~mgk25/metric-typo/ では、Lotus Forms のポイントとブラウザのポイントは何ですか?

ピクセルのフォントサイズがどれだけのスペースを占めるかを実際に理解する必要がある方程式を含む複雑なjs関数があります。

一部のフォントのサイズは、フォントによって異なることに気付きました。

フォントのサイズはどのように計算されますか? 12pxcss で に設定されている場合、12pxどういう意味ですか? それは12px広いですか？高い？それとも斜めのピクセル測定ですか？