2016-06-14 17 views
-4

javascriptにナビゲーションバーがありますが、これにはリンクのタイトルが含まれていますが、単語の横に小さなアイコンを入れたいと思います。どのように私はJavaScriptの素晴らしいフォントを埋め込むことができますか?javascriptに素晴らしいフォントを入れてください

短縮バージョンは

  ssSideNavSectionsProvider.initWithSections([{ 
      id: 'mainSection', 
      name: 'Main', 
      type: 'heading', 
      children: [{ 
       id: 'home', 
       name: 'Dashboard', 
       state: 'common.home', 
       type: 'link' 
      }, { 
       id: 'deviceLink', 
       name: 'Devices', 
       state: 'common.devices', 
       type: 'link' 
      }]}]); 

そして私は例FA-ダッシュボードのアイコンのために、素敵なアイコンをしたい単語のダッシュボードに次のようになります。

ここではHTMLです: < MD-コンテンツフレックス役割= "ナビゲーション" SS-スタイル色= "{ '背景色': 'primary.default'}"> </MD-コンテンツ>

+1

たとえば、「arrows」アイコンを表示します。私たちにデータ構造を渡すことはまったく役に立たない。 –

+0

それから適切なフォントに切り替えて、あなたが望む文字を供給するためにそこにhtml/cssが必要です。それ以外の場合、その文字のバイトシーケンスを埋め込み、「Dashboard」という単語を表示するために使用されるフォントにそのコードポイント/シンボルが含まれることを期待しています。 –

+0

が先に進み、htmlが追加されました。私は各タイトルごとに異なるアイコンを表示したいので、どのようにHTMLでこれを行うことができ、またすべてのJavaScriptを与えたかわかりません。 – FLOWMEEN

答えて

0

(ローカルまたはCDNから)FontAwesome CSSファイルを正しく読み込んでいれば、アイコンを表示するHTMLに<i class="fa fa-icon"></i>を追加するだけです。

iconを、使用するアイコンの実際の名前に置き換えます。すべてのフォント恐ろしいアイコンの

<i class="fa fa-arrows"></i> 

リスト:すべてはあなたのHTMLがどのように見えるかに依存していることhttp://fontawesome.io/icons/

+0

しかし、ナビゲーションメニューです。 HTMLはちょうど全体のメニューをつかむので、私はそこでそれをすることができません – FLOWMEEN

+0

何とかHTMLテキストをつかんで、アイコンタグを挿入し、この新しいHTML文字列をレンダリングする必要があります。 jQueryのようなJavaScriptライブラリを使用して、要素からHTMLを取得することができます:http://api.jquery.com/html/。 – user2121620

関連する問題