1 回答

TA貢獻(xiàn)1995條經(jīng)驗 獲得超2個贊
事實證明,我使用的這種字體和其他字體似乎可以在 Chrome 上開箱即用,但在其他瀏覽器上則不然。
所以基本上,必須完成整個舞蹈才能將它們添加到我的項目中,在我的例子中是通過webpack。基本上:
在項目中安裝font-awesome
npm install -S font-awesome
在項目根目錄中創(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');
從我的項目入口點導(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')
);
最后還需要重建,因為我使用的是 webpack
添加回答
舉報