問題タブ [icon-fonts]
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.
css - フォント サイズを大きくするとアイコン フォント クラスが整列しない
http://iconvau.lt/で作成したアイコン フォントを使用していますが、text-align を中央に配置すると、アイコンが中央に配置されません。左側のままです。
html - Chrome でアイコンが途切れる (OSX のみ)
Mac でのみ、Google Chrome のカスタム アイコンフォントに問題があります。それらは端で切り取られています。私はすでにしようとしました
- より大きな SVG を使用し、
- SVGを好む（woffの前）
- CSS設定で遊ぶ
kuyichi.com でライブで見ることができます (Chrome と OSX を使用している場合)。アイコンには境界線がなく、丸みはアイコン自体にあります。
これを修正する方法はありますか？
ライブ ビュー: http://i.stack.imgur.com/niqcP.png
icomoon のアイコンパック: http://i.stack.imgur.com/PwyCm.png
internet-explorer-8 - アイコン フォントが常に IE 8 に読み込まれるようにする方法はありますか?
カスタム アイコン フォントを IE 8 で動作させるために 1 日中試してきました (たとえば、FontelloやIcomoonを使用)。
Fontello と Icomoon の両方で、ダウンロード後にアイコン フォントの「デモ」ページが提供されます。デモページを使用してテストしています。
プラットフォームに関しては、ModernIE の WinXP VM で IE8 を使用しています。
私が経験している問題は、50 ～ 90% の確率でフォントが正常に読み込まれることです。残りの時間は読み込みに失敗し、fontello を使用している場合はあるべき場所に空白スペースができ、icomoon を使用している場合はあるべき場所にボックスができます。
インターネット上のどこかに記載されているすべての修正を試したかのように感じます。
私は夢中になっていますか？ページが読み込まれるたびにアイコン フォントを IE 8 で動作させることはできませんか? 散発的な読み込みで解決する必要がありますか?
エラーを再現するには、icomoon または fontello から任意のカスタム フォントをダウンロードし、ModernIE の WinXP VM 上の IE8 で使用します (前述のとおり)。他の構成 (Win7 上の IE8 など) について話すことはできませんが、それらは同じになると思います。
android - Androidでフォントアイコンの色を変更する方法
私はこれで1つのチャットアプリケーションを作成しています。参照フォントが素晴らしいアイコンフォントを使用しています.ttfファイルをプロジェクトアセットフォルダーに保存した後、書体を設定してアイコンにアクセスしています.問題は、サイズ、アイコンの色を変更したいことですフォント。助けてください
html - アイコンのフォントを縦に揃える方法
フォントアイコンを縦に揃えようとしています。試してみvertical-align: middleましたが、常にわずかな位置合わせの違いが生じます。次の例には、アイコンを使用する 2 つの異なる方法があり、正しく配置されていません。
font-face - Shadow DOM のアイコンフォント
アイコン フォント (FontAwesome/Octicons など) を Shadow DOM に流し込むための推奨される方法はありますか?
現時点では、カスタム要素の Shadow DOM でアイコンを使用したい場合、ociticons.cssファイルの一部をインラインで Shadow DOMに含める必要があります。
(明らか@font-faceに、Shadow DOM にブリードします。)
accessibility - スクリーン リーダーとアクセシビリティのための Font Awesome のサポート
Font Awesomeのホームページによると：
Font Awesome は、他のアイコン フォントとは異なり、スクリーン リーダーをつまずかせることはありません。
aria-hidden="true"また、スクリーン リーダーがフォント アイコンを無視できるように、属性をフォント アイコンに追加することをお勧めします。
私の質問は、Font-Awesome が「スクリーン リーダーをつまずかせない」ために何をしているのか (私は彼らの GitHub サイトを見たが何も見つからない)、それでもaria-hidden="true"属性を追加する必要があるのかということです。
css - 円内のアイコン フォントは Windows でのみ機能します
丸みを帯びたコンテナー内のアイコン フォントのアイコンを表示しています。
これはアイコンの CSS です。
この成果を出したい
しかし、AndroidとOSXではこれを取得します
誰かがこれを修正する方法を理解するのを手伝ってくれますか?
icons - UI5 StandardListItem DetailAndActive 変更アイコン
の標準の「ペン」アイコンを変更したい
タイプ DetailAndActive の StandardListItem
. そうする方法はありますか？
これまでの私のXML：
私が知る限り、プロパティ「icon」(これは必要ありません) と「activeIcon」(設定しましたが、itemPress/tab にも表示されません) しかありません。css で変更できると思ったのですが、data-attribute (アイコン フォントであり、上書きできる uri ではありません) に設定されてから適用されます。
ありがとう..
[編集:] 機能するため、以下の回答を正しいものとして受け入れました。しかし、私のコメントで読むことができるように、ここで説明されているような集計メタデータを使用して、コントロールを受け入れることができるようにしたいと思います:
これまでのところ、XML ビューの ListItem に Button コントロールを追加できるようになっていますが、レンダリングされません :-) ここでさらに見逃しているアイデアはありますか?