Bagaimanakah cara saya menambah fon tersuai pada projek Create-React-App?

Menambah Fon pada Projek Cipta-React-App

Dengan Menggunakan Import

Kaedah yang disyorkan ini menggabungkan fon ke dalam saluran paip binaan. Untuk mencapai ini:

• Import fail CSS daripada JS (cth., import './index.css').
• Fon rujukan dalam fail CSS menggunakan laluan relatif bermula dengan . / (cth., @font-face { src: local('MyFont'), url(./fonts/MyFont.woff) }).

Dengan Menggunakan Folder Awam

Sebagai alternatif, anda boleh mengurus fon secara manual dalam folder awam:

• Letakkan fon di lokasi dalam folder awam (cth., public/fonts/MyFont.woff).
• Tambah ke fail CSS daripada public/index.html (cth., ).
• Gunakan notasi CSS biasa untuk merujuk fon dalam fail CSS, mempertimbangkan laluan relatif (cth., @font-face { src: local('MyFont'), url(fonts/MyFont.woff) }).

Cadangan

Pilih kaedah "Menggunakan Import" untuk faedah berikut:

• Bina penyepaduan saluran paip
• Pencincangan untuk cache penyemak imbas
• Ralat kompilasi untuk fail yang hilang

Atas ialah kandungan terperinci Bagaimanakah cara saya menambah fon tersuai pada projek Create-React-App?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!