web-dev-qa-db-ja.com

JsFiddleにfont-awesomeを追加する方法

JsFiddleは私の研究室ですが、フォントがうまく機能しないため、現時点ではすべてが停止しています。外部リンク用に用意されたスペースを使用しようとしましたが、役に立ちませんでした。リンクを直接追加しても機能しませんでした。

実験の最中ですが、機能させることができません。 JsFiddleにfont-awesomeを追加する正しい方法は何ですか？

jsfiddlefont-awesome
27
Sleek Geek

CDNリンクのhref部分を貼り付けるだけです

//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

外部リソース（左側のパネル）に移動し、プラス記号をクリックします。

たとえば、 this jsFiddle を参照してください。

44
user4050494

これをチェックしてください [〜＃〜] jsfiddle [〜＃〜] out。 CSS領域でcdnURLを使用しています。

@font-face{
    font-family:FontAwesome;
    src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix)
6
Germando

インポート このスクリプト ：

<script src="https://use.fontawesome.com/c3ef28c600.js"></script>

または

 <script src="https://use.fontawesome.com/f83feeae10.js" ></script>

[〜＃〜] demo [〜＃〜]

4
Abdennour TOUMI

Font Awesome 5

https://use.fontawesome.com/releases/v5.3.1/css/all.css

JSFiddleの左側のサイドバーで[リソース]をクリックして、入力フィールドを開きます。

上記のリンクを貼り付けます。

クリック[〜＃〜] x [〜＃〜]ボタンフィドルに追加します。

現在のバージョンおよびその他のオプション（無料/プロバージョンなど）については、方法に関する情報ページにアクセスしてください Font Awesomeの無料CDNを使用

2
Hastig Zusammenstellen