استيراد font محلي في react

اذا كان لديك ملف index.css في مجلد ال src يمكنك تعيين ال font هناك بهذه الطريقة

@font-face {
  font-family: 'MyFont';
  src: local('MyFont'), url(./fonts/myfont.woff) format('woff');
}

ثم في App.js قم باستيراد ملف ال css

import React from 'react'
import  './index.css'

export default function App() {
    return (
        <div>
            ......
        </div>
    )
}

وبعدها يمكنك استخدامه بالطريقة المعتادة سواء كان في المكون هكذا

import React from 'react'

export default function ScrollToTop() {
    return (
        <div style={{fontFamily: 'myfont'}}>

        </div>
    )
}

او في ملفات ال css الأخرى

.header {
font-family: 'myfont'
}