問題タブ [cufon]

私が開発/デザインしている彼らのウェブサイトで彼らのタグラインをジャズアップすることができるかどうかクライアントから尋ねられました。私はオプションについて考え、SEOにできるだけ気を配りたいと思っていますが、サイトの上部にある非常にスマートでアンチエイリアス処理された見出しを使用することのバランスをとる方法を考えるのに苦労しています。ロゴですが、ビッグG（google）で検索/クロール可能にします。Sifr？クーフォン？画像？SEOと視覚的な良さの観点から人々は何をお勧めしますか？

私が取り組んでいる新しい Web サイト用の Cufon フォントを作成しました。ただし、作成時にフォントの通常バージョンと太字バージョンの両方を含めたにもかかわらず、常に太字テキストとしてレンダリングされます。

H1、H2などのタグに使用していますが、単純なPタグにも適用しようとしました-同じ問題:-(

これを引き起こす可能性のあるアイデアはありますか？

私には興味深い目標があり、あなたの助けを借りて達成できることを願っています。

私はこのHTML構造を持っています:

その HTML + 数行の CSS を使用すると、次のようになります。

IMG 1 (下記参照)

ご覧のとおり、span.buttonHighlight はボタン自体に重なっています。さて、ここで興味深い部分があります。ボタンは、丸みを帯びたボタンの背景を与えるいくつかの CSS スタイルを持つ、CUFON 化されたテキストを含む単純なアンカー タグです。したがって、私が達成したいのは、3 つの要素 (CSS 背景、cufonized テキスト、ハイライト) をこの順序で配置することです。

IMG 2 (下記参照)

これまでに試したことは、各要素を個別に狙うことでした: span.buttonHighlight<span class="buttonHighlight"></span>として、CSS 駆動の背景/ボックスをa.buttonとして、cufonized テキストをa.button .cufonとして。幸いなことに、a.button .cufon は適切に表示されています。FireBug で確認できます。

IMG 3 (下記参照)

ただし、span.buttonHighlight の z-index (100) よりも優れた z-index (101) を追加しても効果はありませんでした。つまり、Highlight が依然としてテキストに重なっていたのです。

このケースに関連するすべての CSS スタイルは、ここにあります: pastie [ドット] org/1478291
提供されたヘルプと時間に本当に感謝しています。

どうもありがとう！
クリス

**追伸。画像を投稿することは許可されておらず、ハイパーリンクは 1 つしかないため、以下に 3 つの画像を重ねました。

http://i.stack.imgur.com/Upe63.jpg :

これは私が持っているものです: http://thezoomer.net/clubroyale/

.nav-item 内のa要素に Cufon を適用しました

これは私がメニューの中に持っているものです

これは私がcssの中に持っているものです

明らかに、CSSホバーを機能させたいです。Cufon は更新を a 要素に関連付けており、親要素全体 ( css から関連付けられている) には関連付けていないため、この状態では機能しないことがわかっています。ただし、css を.nav-itemに適用すると、ホバーは機能しますが、メニュー要素の部分でのみ機能します。

また、aなしで.nav-itemに Cufon を適用しようとしましたが、ホバーは機能しますが、一部の Cufon は必要なく奇妙な空白を描画します。

それで、 hoverables: {parent:true } 要素が親要素からもホバーイベントを受け取るようなものはありますか?

ありがとう！

Cufon js lib を使用しようとしています。Web ページに特定のフォントを表示する。
jQueryも使用されています。

リンク テキストが EL#{m.decoys}で取得された場合、つまり、i18n をサポートするためにプロパティ ファイルから取得された値であることを意味し、機能しません。

内のこのテキスト<a>がまったく表示されなかった後。

ここにfaces-configのi18n設定があります.Cufonなしで動作します:

リンクテキストが他のELで取得された場合。#{request.contextPath}、大丈夫です：

ここに私のウェブサイトがあります - http://thezoomer.net/clubroyale/

ABOUT US のサブメニューまたは Firebug の CONTACT US メニュー項目を見ると、Cufon が不要なキャンバスを描画していることがわかります。

何か案が ？ありがとう！

#document h1, #content h2サイト全体のページに存在する可能性があることがわかっている要素の配列があります。すべてではないいくつかのページ。

私がやっていることは、配列を繰り返し処理し、要素が存在するかどうかを確認することです-存在しない場合は、配列からスプライスします。次に、toStringメソッドを使用して残りの要素を に渡しCufonます。

このテクニックに価値があるかどうか知りたいです。
それはパフォーマンスを向上させますか、それとも各要素が存在するかどうかをチェックして、実際にブラウザーを遅くしますか?

テキストのスタイリングにcufonを使用するwpテーマに取り組んでいます。問題は、現在、cufon を使用しない価格表のようなものを追加していて、cufon スタイルがそれらの表を台無しにしていることです。

価格表がある特定の div タグで何もスタイルしないように cufon に指示する方法はありますか?

これは、物事を台無しにするcufonコードです:

そこにネガティブセレクターを追加できますか?

これがばかげた質問である場合は申し訳ありませんが、以前はcufonを実際に使用したことはありません.

Cufonを使用する短所は何ですか? Web 標準、アクセシビリティ、およびパフォーマンスの観点から。

sIFR よりも滑らかなテキストが必要な場合は、スクリーン リーダーとの互換性があればまだ最適だと思います。

@font-face を使用すると、フォントは Cufon や Sifr のように滑らかに見えません。しかし、Cufon は各文字にキャンバス タグを使用しているため、スクリーン リーダーにとって読みにくくなっています。

フォントを滑らかにするには、やはり sIFR が最適であり、アクセシビリティ互換ソリューションですか?

@font-face を使用して Image、sIFR、cufon などのアンチエイリアスを取得することはできますか?

私が読んだすべてのことは、あなたがすることはできないし、さらに、Cufon を正当化する計画はないと言っています.

https://github.com/sorccu/cufon/wiki/Known-bugs-and-issues

残念なことに、これは私が見た中で最も洗練された書体置換ソリューションだと思うからです。ブラウザのレンダリング エンジン (またはレンダリング エンジンの欠如) に関係なく、優れたテキスト レンダリングを実現し、実装も簡単です。だから、私はsIFRを使用しています。私は Cufon を使いたいと思っていますが... 私がそれから離れる前に、テキストを正当化する方法がないことを確認したいのですが... 何か考えはありますか?