web-dev-qa-db-ja.com

codepenで素晴らしいフォントを使用する

Font-awesomeのスタイルシートをCodepenに追加しようとしていますが、どこにも行かないようです。誰か助けてください。

Codepen（ https://codepen.io/kellett/pen/YreKaW ）

以下は、HTMLページの上部に挿入したスタイルシートです。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
cssstylesheetcodepen
6
user8542715

それは機能しています、あなたは間違ったfont-awesomeクラスを使用しているだけです。

19行目は<span class="fa fa-search"></span>。

これを参照してください 更新されたCodePen

注：CDNをCodePen設定に追加して、HTMLにインラインで含める必要がないようにすることもできます。

4
Dan Kreiger

これを追加するだけです http://static.fontawesome.com/css/fontawesome-app.css css設定パネルに：

enter image description here

3
Marco Allori

間違って使用しています。 これをチェックしてください

<span class="fa fa-search"></span><span class="fa-search"></span>の代わりにこのように使用します。

0
chirag satapara

右上隅の[設定]に移動します。次に、「<head>のスタッフ」というボックスにCDNコードを貼り付けます。 Font Awesomeタグを追加する前に、[保存して閉じる]を押します。タグは次のようにフォーマットする必要があります。

<i class="fa fa-thumbs-up"></i>

これがCodePenです。ページの下部に親指を立てるアイコンが表示されます： https://codepen.io/calumchilds/pen/boLwVb

お役に立てれば！

0
Calum Childs