為什麼我引用bootstrap的font awesome的圖示不出來，就單單是乙個HTML裡面引用的？

1樓：leagin

react 使用font-awesome：

使用scss方式:

1、yarn add font-awesome;

2、主頁或使用的js檔案頭部匯入：

import 'font-awesome/scss/font-awesome.scss';

3、React.createElement('i', )；

使用CSS方式時匯入：

import 'font-awesome/scss/font-awesome.css';

okZzzz Li說的正確，4.7版，要用 fa fa-***的形式，如果只顯示方框，是圖示名不正確，使用字型庫中的正確圖示名，就ok.

2樓：

我也來貢獻乙個原因。。

是因為複製class的時候沒有複製進第乙個字母（摔）

class="glyphicon glyphicon-camera"，我漏了個g

3樓：小貓

今天也遇到此問題，現在解決了，建立乙個fonts資料夾，然後fonts資料夾下面又分別包含兩個資料夾fonts和css，這個第二層fonts的資料夾中包含fontawesome-webfont.ttf。。。等ttf檔案，css檔案下面包含font-awesome.

css檔案，然後引入路徑是fonts/css/font-awesome.css

4樓：張小凡

今天剛好解決了這個問題，在一開始我只匯入了font-awesome.min.css檔案，然後我就遇到了和題主一樣的問題，需要匯入fonts資料夾，並在css檔案中修改fonts資料夾路徑為你存放的位置，類似url('..

/../fonts/fontawesome-webfont.svg?

v=4.3.0#fontawesomeregular')

以上，希望有幫助

5樓：持之以恆

Bootstrap字型資料夾預設為fonts 而font-awesome字型預設資料夾為font，更改font-awesome.min.css裡面的載入路徑就行

6樓：憤怒的小夥計

剛遇到乙個iconfont 其他的正常顯示就乙個圖示不顯示，最後看字型原始碼原來是那個不顯示的字型圖示由四個部分拼湊成乙個，只顯示乙個編碼肯定不會顯示圖示

7樓：

因為bootstrap和font-awsome都需要font裡的ttf檔案，然而bootstrap和font-awsome的資料夾裡乙個是fonts，乙個是font。裡面的ttf檔案都是必須的。兩個檔案font、fonts和裡面的ttf檔案都需要有。

8樓：趙的拇指

根據我的經驗，極有可能是font-awsome的css裡指向font資料夾的路徑寫錯了，原始的資料夾與css檔案在同級目錄。

9樓：

我來猜猜：

1、檢查字型路徑是否載入對了

2、font-awesome樣式檔案是否載入對了3、是HTML中用（千萬別載入CSS的硬編碼），是CSS中用（千萬別載入HTML的硬編碼）

4、是否跨域問題存在

不過我從來未碰到題主所說的這種現象。