問題タブ [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.

0 投票する
2 に答える
1118 参照

vector-graphics - アイコンフォントからグラフィックを抽出する

github にあるようなアイコン フォントからベクター形式でグラフィックを抽出する方法を知っている人はいますか?

たとえば、このFont Awesome SVGをどのように変換しますか。

HTML SVGに?

0 投票する
1 に答える
1032 参照

svg - セットから icomoon のアイコンを削除する方法

新しいアイコン セットを追加しましたが、一部が重複していることに気付きました。重複を削除する機能が見つかりませんでした。私が見つけた唯一のクリーンアップ方法は、

  1. 他のすべてのアイコン(多数)を選択し、重複を見つけて選択解除してみてください
  2. この新しいセットをエクスポートします
  3. 古いセットを削除します
  4. 新しいセットをインポートする

もっと簡単な方法はありますか?

ありがとう

0 投票する
1 に答える
232 参照

html - アイコンのフォント: 間違った記号が表示される

アイコンフォントを使ったシンプルなWebページページを作成しました。

jsFiddle リンク

ここに似ている

jsのトリック

しかし、他のアイコンが表示されています...バーの代わりにヘビ:)。

フォントの何が問題になっていますか? 回答ありがとうございます。

ここにコード:

0 投票する
3 に答える
2247 参照

css - カスタム アイコン フォントが読み込まれていません

gulp-iconfont-css を使用して、Material Design svg をフォントにコンパイルしようとしています。これは私のGulpfile.jsの一部です:

そして今、私のテンプレート:

問題: 次のような要素を作成すると、アイコンが読み込まれません:

何も見えません。また、フォントはサーバー (ネットワーク ログ) にダウンロードされることはありません。また、アイコンは異なる値で 2 回定義されています。エキス:

0 投票する
1 に答える
935 参照

css - アイコンのフォントを垂直方向の中央に揃えるには?

icomoon を縦中央に揃えることができません。誰でも私を助けることができますか?

HTML:

CSS:

画像を投稿できません。出力を想像してみてください

| | | | | | 画像 |

| | | | [アイコンのテキストはここに来ており、ラインより上に来る必要があります]

0 投票する
2 に答える
1192 参照

html - アイコン フォント アイコンが回転したままにならないのはなぜですか?

アイコンを回転させようとしていますがtransform: rotateZ(90deg)、無視しているようです。

アイコンにトランジションを追加すると、アイコンが回転するアニメーションが表示されますが、アニメーションが完了すると元の位置に戻ります。

ここにあります:

0 投票する
1 に答える
86 参照

css - フォント アイコンのレンダリング サイズの違い

アイコンをテキストの横に垂直方向に中央揃えにしたいのですが、奇妙なサイズの違いがあり、それが難しくなっています。

アイコン フォントがこれらの奇妙なサイズの違いでレンダリングされるのはなぜですか?

Bootstrap で使用されているアイコン フォント メソッドを使用しています (疑似要素 :before を使用してコンテンツを配置します)。

これが<i class='icon'></i>サイズです。

ここに画像の説明を入力

これは<i class='icon'></i>:before サイズです。なぜ違うのですか?

ここに画像の説明を入力

HTML:

CSS: