我正在制作一个React项目,希望在我的网站标题旁使用字体,但它无法显示。
我已经通过yarn导入了font-awesome
包,并在我的index.js文件中导入了其CSS文件,但它没有显示在我的标题中。
index.js:
import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
import "../node_modules/font-awesome/css/font-awesome.min.css";
ReactDOM.render(<App />, document.getElementById("root"));
头部组件:
import React, { Component } from "react";
export default class Header extends Component {
render() {
return (
<div>
<div className="col-md-6 m-auto">
<h1 className="text-center mb-3">
<i className="fas fa-book-open"> </i>
English Dictionary
</h1>
</div>
</div>
);
}
}
只有标题的文本显示出来了。 我检查了浏览器,没有显示任何错误, 同时当我检查页面时,我看到元素。
<i className="fas fa-book-open"> </i>
我希望你能帮助我,谢谢!
这与IT技术有关,请不要删除任何HTML标签。