21

@font-faceCSSオプションに少し苦労しています。何度も読んで、試してみて、再試行した後、フォントをアップロードするとすぐに使えるパッケージになるWebサイトにようやく出くわしました。現在実行中ですが、フォントがアンチエイリアス処理されていないようです。私はこれが他のウェブサイトで起こっているのを見ていますが、私のものは見出しを私が望むようにレンダリングしていません。

私のCSSコード：

@font-face {
font-family: 'YanoneKaffeesatzThin';
src: url('../fonts/yanonekaffeesatzthin-webfont.eot');
src: local('☺'), url('../fonts/yanonekaffeesatzthin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatzthin-webfont.ttf') format('truetype'), url('../fontsyanonekaffeesatzthin-webfont.svg#webfontyC5sm3N9') format('svg');
font-weight: normal;
font-style: normal;}

これを最後にするために何をすべきか、しかし厄介な問題はなくなりますか？

4

5 に答える 5

64

参照: http://www.elfboy.com/blog/text-shadow_anti-aliasing/

要点は、追加するtext-shadow: 0 0 1px rgba(0,0,0,0.3);とアンチエイリアスの外観が得られるということです。

于 2010-10-25T06:02:43.047 に答える
16

CSS3 では、 font-smoothプロパティを使用できますが、アンチエイリアシングは引き続きシステムのデフォルトによって制御されます。OS に関係なく、きれいなアンチエイリアシングを強制する必要がある場合は、テキストを Flash コンポーネントに自動的に置き換える sIFR を使用する必要があります。

于 2010-08-10T17:41:49.667 に答える
1

Cufon と Typeface.js は、このスレッドで説明した HTML5、CSS3、および JS ソリューションの多くを集約してサニタイズする 2 つのソリューションです。

それぞれにコンバーターがあり、フォント ファイル (ttf、otf、wotf) をスクリプトに変換して、Web 経由で任意のフォントをアンチエイリアス処理して配信します。

2つのうち、Cufon http://cufon.shoqolate.com/generate/が好きです

于 2011-09-09T06:46:43.087 に答える