1
00:00:02,250 --> 00:00:07,160
Sekarang ada satu tempat lain di aplikasi di mana saya ingin menggunakan font saya sendiri dan itu ada di sini

2
00:00:07,170 --> 00:00:10,080
dalam daftar resep, teks ini di sini - sederhana, terjangkau dan durasinya,

3
00:00:10,200 --> 00:00:13,400
itu tidak menggunakan font kita sendiri dan itu adalah sesuatu yang ingin kita

4
00:00:13,620 --> 00:00:16,110
ubah dan itu tentu saja makanan kami di sini.

5
00:00:16,110 --> 00:00:23,460
Di sana kita memiliki tiga komponen teks ini dan ini hanya perlu untuk mendapatkan gaya yang menggunakan font kita sendiri.

6
00:00:23,910 --> 00:00:28,470
Ngomong-ngomong sebelumnya dalam kursus, Anda belajar tentang alternatif untuk itu, alih-alih menetapkan gaya dan mengulangi

7
00:00:28,470 --> 00:00:30,690
tugas gaya di sini, Anda juga bisa

8
00:00:30,690 --> 00:00:36,210
membuat komponen pembungkus sendiri seperti yang kami lakukan dengan teks isi sebelumnya dalam kursus yang hanya membungkus komponen teks

9
00:00:36,210 --> 00:00:41,430
bawaan yang selalu menetapkan keluarga font Anda sendiri, yang akan menjadi alternatif atau Anda mengatur gaya global yang

10
00:00:41,430 --> 00:00:47,550
Anda impor ke file ini dan sebenarnya, sekarang saya berpikir tentang hal itu karena kita akan memiliki lebih banyak teks nanti,

11
00:00:47,550 --> 00:00:49,350
Saya akan membuat komponen pembungkus

12
00:00:49,350 --> 00:00:54,990
saya sendiri di sini dan saya akan katakanlah DefaultText saya. js file di sini, Anda dapat

13
00:00:54,990 --> 00:01:00,330
memberi nama ini apa pun yang Anda inginkan dan di sana, saya

14
00:01:00,330 --> 00:01:06,950
akan mengimpor Bereaksi dari Bereaksi karena saya membuat komponen Bereaksi dan mengimpor teks dan stylesheet

15
00:01:07,050 --> 00:01:10,500
dari Bereaksi Asli dan sekarang ini adalah pembungkus

16
00:01:10,500 --> 00:01:17,550
tipis di sekitar dalam komponen teks, jadi teks standar, komponen ini di sini hanyalah komponen yang mengembalikan

17
00:01:17,940 --> 00:01:24,300
komponen teks bawaan di sekitar alat peraga. anak-anak sehingga kita dapat menggunakan teks default dengan tag pembuka dan

18
00:01:24,300 --> 00:01:32,730
penutup dan di antaranya, sampaikan teks kita dan di sana saya akan menunjuk pada gaya. teks di sini untuk menetapkan gaya teks

19
00:01:32,730 --> 00:01:40,280
saya sendiri, pastikan stylesheet diimpor untuk ini dan kemudian gunakan stylesheet untuk membuatnya di

20
00:01:40,280 --> 00:01:48,050
sana dan menyimpannya di konstanta gaya. Tentu saja, juga teks standar ekspor sesudahnya dan sekarang di sini

21
00:01:48,050 --> 00:01:54,170
dalam bentuk teks, saya hanya akan membuat keluarga font dari sans terbuka dan itu akan menjadi default saya

22
00:01:54,170 --> 00:01:59,870
di sini dan itulah satu-satunya hal yang akan saya ubah dan sekarang kita dapat menggunakan teks default

23
00:01:59,870 --> 00:02:10,000
kapan saja kami memiliki teks di aplikasi yang harus menggunakan keluarga font khusus kami sendiri. Jadi misalnya di sini pada item makanan, kita sekarang dapat mengimpor

24
00:02:10,000 --> 00:02:18,360
teks khusus ini, jadi impor teks default dari. / DefaultText, dari komponen kita sendiri di sana dan sekarang menggunakan teks

25
00:02:18,900 --> 00:02:27,110
default di sana daripada komponen teks yang saya gunakan saat ini, seperti ini dan dengan itu jika kita sekarang pergi ke sana, ini sebenarnya menggunakan

26
00:02:27,110 --> 00:02:32,290
font khusus kita sendiri, itu tidak t terlihat berbeda tetapi ini adalah font kami sendiri,

27
00:02:32,480 --> 00:02:38,630
ini sangat jelas jika kami pergi ke sana dan kami mengubahnya ke OpenSans-Bold tentu saja karena versi bold selalu

28
00:02:38,630 --> 00:02:48,320
sedikit lebih mudah untuk dikenali tetapi saya akan mengubahnya kembali ke non versi tebal. Jadi kami memiliki teks khusus kami sendiri di sini, Anda

29
00:02:48,320 --> 00:02:53,300
juga bisa mendesain hal-hal lain di sini, menambahkan warna, menambahkan ikon,

30
00:02:53,330 --> 00:02:59,150
apa pun yang Anda inginkan. Saya sudah selesai dengan penataan rambut saya untuk saat ini, sekarang

31
00:02:59,240 --> 00:03:05,600
saya ingin memastikan bahwa kami memiliki konten yang lebih bermakna di sini pada halaman detail sebelum kami kemudian juga bekerja pada layar filter di sini.