鍍金池/ 問答/HTML5  HTML/ 關(guān)于fontawesome圖標(biāo)的使用

關(guān)于fontawesome圖標(biāo)的使用

在學(xué)習(xí)一個React項目的源碼。

項目是通過npm安裝的fontawesome:

mark

還可以看到,在代碼中是這么用的:

mark

效果很明顯,圖標(biāo)出來了:

mark

我想改這個圖標(biāo),就到fontawesome官網(wǎng)找,比如想用這個:

mark

就用官網(wǎng),這個圖標(biāo)提供的那行代碼替換了原本的那行代碼:<i class="fa fa-user-o" aria-hidden="true"></i>

但問題是,就是出不來我想要的圖標(biāo),圖標(biāo)不顯示。后來發(fā)現(xiàn),我貼的這行代碼<i class="fa fa-user-o" aria-hidden="true"></i>和原本項目的那行代碼<i className="fa fa-dashboard fa-fw"></i>光結(jié)構(gòu)上就有區(qū)別,多了個aria-hidden屬性(后來查了下好像是幫助殘障人士的,所以原因應(yīng)該不在這)

所以問題是:為什么我自己添加的圖標(biāo)不能用?還是我使用fontawesome的方式是錯的,不應(yīng)該去官網(wǎng)直接找?看package.json中安裝的fontawesome是有版本號的,難道不同的版本號使用的class也可能出現(xiàn)變化?我應(yīng)該怎么正確的使用通過npm安裝的fontawesome,去哪找那些圖標(biāo)對應(yīng)的代碼?

回答
編輯回答
臭榴蓮

className className className

2018年1月31日 06:30