問題タブ [cufon]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
cufon - Typeface.js でテキストを正当化できますか? レンダリングは Cufon と比べてどうですか?
私は Cufon を使用していましたが、テキストを正当化することはできません。Typeface.js が Cufon と同様に機能することを読んだことがあります (独自のテキストをレンダリングするため、アンチエイリアスを提供しない Windows ブラウザーで見栄えがします)。 )そして、テキストを正当化できる場合-私が見つけたTypeface.jsホームサイトでできるかできないかについては言及しません...ありがとう!
html - cufonで作った余白を削除するには?
みんな!変わったフォントを作るのにcufonを使っています。<h2>
タグ
があります: <h2> Our consulting</h2>
cufon アクションの後に css マージン ルールが追加され、再定義できません。この問題を解決する方法を誰が知っていますか?
jquery - jScrollPane と Cufon を一緒に。誰かがそれを機能させることができますか?
http://www.timersys.com/demos/flatbrook/grass-fed-beef/でわかるように、scrollpanel 要素内で cufon を使用しました 。
問題は、div の下部が切り落とされていることです。
JScrollpane の Google グループを検索しましたが、解決策がありません。cufon がある場合、JScrollpane は高さを間違って計算します。
jscrollpaneの前後にcufonを実行しようとしました。また、cufon コールバック オプションを指定して jscrollpane を実行してみてください。しかし、常に同じ結果が得られます。
助けることができる解決策を持っている人はいますか?
ありがとうございます
jquery - divの下のテキストオフセット
これは簡単に修正できるはずですが、IE7、または少なくともIE8互換モードが原因ではありません。
「IANMARTIN」と「weddingphotojournalism」というテキストは、div#lefty、#righty、#leftと#rightの中にきちんと収めておく必要があります。代わりに、それらのdivの下半分をぶら下げています。
h1とh2の上部の位置を約-20pxにすることで簡単に修正できますが、IE7ではテキストがdivの上部からポップアップします...
何をすべきか?これはCufonの問題ではないようです-テストのためにオフにしました...
jqueryアニメーションが私を台無しにする可能性がありますか?繰り返しますが、私はそうは思いませんが、私は専門家ではありません...
これが私のページです:http://ianmartinphotography.com/test-site/index-cufon-02.html
そして、h1とh2のCSS:
考えてくれてありがとう!
javascript - 非同期でロードされたCufonはIEでレンダリングされません
私はCufonを使用するサイトを作成していますが、Javascriptが大量にあるため、ページの重みが特に重いです。したがって、私は次のようにhead.js( http://headjs.com/ )と非同期でスクリプトをロードしようとしています。
したがって、Jqueryが最初にダウンロードされ、後続のcufon libファイルとcufonフォントが順番にダウンロードされ、最後にCufonが呼び出されてH1が置き換えられます。明らかに、これは置き換えが少ない縮小された例ですが、H1を置き換えようとしただけでは機能しません。
問題は、Internet Explorer(6/7/8)でのみ、テキストが置き換えられないことですが、Cufonが確実に呼び出されていることがわかります。タグに「cufon-activecufon-ready」というクラスが追加されているので、これを確認できます。IE Developerツールバーを使用してマークアップを検査すると、cufon / cufoncanvasタグは選択した要素内にありますが、より適切な言葉を求めて、非表示になっています。
IE9では、スクリプトはChromeやFirefoxと同様に意図したとおりに動作します。Cufon描画エンジンを調整してみましたが、最新の1.09iバージョンに更新しました。非同期でロードするのではなく、Cufon呼び出しステートメントをドキュメント準備完了イベントに移動すると、機能しますが、ページのロードを最適化しようとしています。サイトでは、多数のCufonフォントと他の多くのJSプラグインを使用します。また、labs.jsとhead.jsの両方を使用して、適切なファイルを非同期でロードしようとしました。
javascript - Cufonマウスオーバー
私はこのようなHTMLを持っています:
私はCufonにこのコードを使用します:
私のCSS:
Cufonは機能しますが、マウスオーバーしてもテキストの色は変わりません。
jquery - スクリプトがjqueryに完全に読み込まれるまで、IEでページのコンテンツを非表示にします
IEは私のまろやかさを厳しくしています...
jqueryが表示するまで、ページのjqueryで制御されたコンテンツを表示したくありません。ただし、Internet Explorer 7および8では、jqueryが引き継ぐ前にコンテンツが点滅して表示されます。$(window).load関数と$(document).ready関数を試しましたが、それでも同じ問題が発生します。
具体的には、Cufonがテキストを表示するまでテキストを表示したくないし、曲線の角が角を丸めるまでページ#fieldを表示したくない。また、jqueryサイクルのスライドショーがあり、スライドショーのすべてのコンテンツが一度に短時間表示されます。
1つの解決策は、私は特に熱心ではありませんが、次の方法でダーンページ全体を非常に高速にフェードインさせることです。
時間が0msに設定されていても、これはjqueryが表示するまですべての非表示コンテンツを非表示のままにするために機能します。ただし、欠点は、ページ間を移動するときにページが点滅することです。(私は期間で遊んでいますが、IEを使用すると、ページが空白になるだけです。jqueryを使用してIEでフェードインするものを取得することはできませんでした)。
最も複雑なページは次のとおりです。http://ianmartinphotography.com/test-site/testimonials/index.htmlトップディレクトリのメイン(ホーム)インデックスページが稼働していますが、他の作業も行っています。 ... ありがとう!
cufon - Cufonでフォントサイズを調整するにはどうすればよいですか?
Cufonで圧縮フォントを使用しています。ページが読み込まれると、メニューが広すぎて折り返されます。次に、Cufonがフォントを置き換え、問題なく表示されます。見た目の邪魔にならないように、フォントサイズを小さく設定してから、表示時にCufonにフォントサイズを変更してもらいたいと思います。
現在、フォントサイズはメニューを含むdivによって設定されています。メニューコンテナのCSSは次のとおりです。
Cufonの置換コードは次のようになります。
CSSのフォントサイズを12pxに設定してから、次のCufonコードを使用しようとしましたが、機能しません。
誰かがこれを行う方法を知っていますか?
jquery - ビデオの存在はSafariのCufonテキストに影響します
ウェブサイト:http://ghostpool.com/wordpress/slide/
左下隅にある[+]ボタンをクリックしてフッターを表示すると、Safariでcufonの見出しテキストがすばやく移動または非表示になります(5.0.3を使用)。この問題は他のブラウザでは発生しません。スライダーの5番目のスライドからビデオを削除またはホバーするか、トグル機能なしでデフォルトでフッターを表示すると、問題は解決します。これは、Safariでのビデオとcufonの存在に問題があるはずであることを意味します。この問題を修正するための助けをいただければ幸いです。
jquery - ドロップダウンと livepreview で cufon フォントを変更する
選択オプションから cufon フォントを変更するスクリプトをいくつか作成します。cufon フォントの「ライブ プレビュー」のようなものにしたいと考えています。そのため、ユーザーがドロップダウン メニューから 1 つのフォントを選択すると、それがどのように見えるかを確認したいと思います。現在、私はこれを行いましたが、いくつかの問題があり、修正方法がわかりません。ここで私のスクリプトをテストできますhttp://jsfiddle.net/djevrek/JVrpb/13/
また、そのスクリプトにはGoogleフォントのプレビューがあり、これは機能します.cufonでもそれを可能にしたいと思っています.