1 回答

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊
事實(shí)證明,我使用的這種字體和其他字體似乎可以在 Chrome 上開箱即用,但在其他瀏覽器上則不然。
所以基本上,必須完成整個(gè)舞蹈才能將它們添加到我的項(xiàng)目中,在我的例子中是通過webpack?;旧希?/p>
在項(xiàng)目中安裝font-awesome
npm install -S font-awesome
在項(xiàng)目根目錄中創(chuàng)建 style.scss 文件
在新創(chuàng)建的style.scss文件中導(dǎo)入 font-awesome:
@import '~font-awesome/css/font-awesome.css';
在https://fonts.google.com/上查找我的字體
選擇樣式,生成導(dǎo)入它們的鏈接,然后從新創(chuàng)建的樣式中執(zhí)行此操作style.scss
@import '~font-awesome/css/font-awesome.css';
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,300;1,400;1,600&display=swap');
從我的項(xiàng)目入口點(diǎn)導(dǎo)入style.scss文件(在我的例子中index.js,但也可以是app.js.
import './style.scss'; // here
import React from 'react';
...
ReactDOM.render(
<div>
.... My App...
</div>
, document.querySelector('#app')
);
最后還需要重建,因?yàn)槲沂褂玫氖?webpack
添加回答
舉報(bào)