Bagaimana untuk menukar fon dalam reaksi

Cara menukar fon dalam React: 1. Semak keserasian penyemak imbas atribut "@font-face" CSS3 2. Letakkan nama fon yang anda ingin gunakan dalam direktori aset 3. Dalam "index .js", dan kemudian anda boleh menggunakan fon baharu secara global.

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk menukar fon sebagai tindak balas?

Gunakan fon anda sendiri sebagai reaksi

Hari ini saya menghadapi keperluan untuk menggunakan fon tertentu dalam projek kerana bilangan perkataan adalah besar dan ia adalah mudah saya akan melakukan kesan kemudian, jadi saya akan menggunakan peraturan @font-face CSS3.

1 Mari kita lihat keserasian dahulu: kami mendapati kebanyakan penyemak imbas sudah menyokong

Kebanyakan penyemak imbas sudah menyokong

2. Seterusnya, lihat sintaksnya: perkara yang paling penting ialah keluarga fon digunakan untuk menentukan nama fon tersuai, src digunakan untuk menentukan laluan fon dan atribut lain adalah pilihan

Sintaks, fon-family dan src mesti dipilih

3 Cara terakhir ialah menggunakannya sebagai tindak balas: letakkan nama fon yang anda mahu gunakan dalam direktori aset, dan kemudian. panggilnya dalam index.js Tentukan fon dalam index.css dan kemudian gunakannya secara global

Letakkan fail fon dalam src

Perkenalkan

ke dalam index.css paling luar yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk menukar fon dalam reaksi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!