第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Materia UI 主題上設(shè)置的字體系列不適用于 Chrome 以外的瀏覽器

Materia UI 主題上設(shè)置的字體系列不適用于 Chrome 以外的瀏覽器

富國滬深 2023-08-24 21:05:53
需要使用特定字體覆蓋某些元素,這在 Chrome 上運(yùn)行良好,但在任何其他瀏覽器(Safari、FireFox 等)上則不然。有什么遺漏的嗎?這是我的代碼:const theme = createMuiTheme({        MuiTypography: {            h1: {                fontFamily: 'Source Sans Pro'            }        }    }});const MyApp = () => {    return (        <ThemeProvider theme={theme}>            <CssBaseline />            <Typography variant='h1'>Source Sans Pro font applied on Chrome, but not on other browsers</Typography>        </ThemeProvider?    )}
查看完整描述

1 回答

?
拉風(fēng)的咖菲貓

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


查看完整回答
反對(duì) 回復(fù) 2023-08-24
  • 1 回答
  • 0 關(guān)注
  • 185 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)