問題タブ [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.
vector-graphics - アイコンフォントからグラフィックを抽出する
github にあるようなアイコン フォントからベクター形式でグラフィックを抽出する方法を知っている人はいますか?
たとえば、このFont Awesome SVGをどのように変換しますか。
HTML SVGに?
svg - セットから icomoon のアイコンを削除する方法
新しいアイコン セットを追加しましたが、一部が重複していることに気付きました。重複を削除する機能が見つかりませんでした。私が見つけた唯一のクリーンアップ方法は、
- 他のすべてのアイコン(多数)を選択し、重複を見つけて選択解除してみてください
- この新しいセットをエクスポートします
- 古いセットを削除します
- 新しいセットをインポートする
もっと簡単な方法はありますか?
ありがとう
html - アイコンのフォント: 間違った記号が表示される
アイコンフォントを使ったシンプルなWebページページを作成しました。
ここに似ている
しかし、他のアイコンが表示されています...バーの代わりにヘビ:)。
フォントの何が問題になっていますか? 回答ありがとうございます。
ここにコード:
css - カスタム アイコン フォントが読み込まれていません
gulp-iconfont-css を使用して、Material Design svg をフォントにコンパイルしようとしています。これは私のGulpfile.jsの一部です:
そして今、私のテンプレート:
問題: 次のような要素を作成すると、アイコンが読み込まれません:
何も見えません。また、フォントはサーバー (ネットワーク ログ) にダウンロードされることはありません。また、アイコンは異なる値で 2 回定義されています。エキス:
css - アイコンのフォントを垂直方向の中央に揃えるには?
icomoon を縦中央に揃えることができません。誰でも私を助けることができますか?
HTML:
CSS:
画像を投稿できません。出力を想像してみてください
| | | | | | 画像 |
| | | | [アイコンのテキストはここに来ており、ラインより上に来る必要があります]
html - アイコン フォント アイコンが回転したままにならないのはなぜですか?
アイコンを回転させようとしていますがtransform: rotateZ(90deg)
、無視しているようです。
アイコンにトランジションを追加すると、アイコンが回転するアニメーションが表示されますが、アニメーションが完了すると元の位置に戻ります。
ここにあります:
css - フォント アイコンのレンダリング サイズの違い
アイコンをテキストの横に垂直方向に中央揃えにしたいのですが、奇妙なサイズの違いがあり、それが難しくなっています。
アイコン フォントがこれらの奇妙なサイズの違いでレンダリングされるのはなぜですか?
Bootstrap で使用されているアイコン フォント メソッドを使用しています (疑似要素 :before を使用してコンテンツを配置します)。
これが<i class='icon'></i>
サイズです。
これは<i class='icon'></i>
:before サイズです。なぜ違うのですか?
HTML:
CSS: