add custom font

ariear · ariear · commit a7ff7b8c445c · 2022-11-24T21:30:57.000+07:00
diff --git a/android/app/src/main/assets/fonts/Rubik-Black.ttf b/android/app/src/main/assets/fonts/Rubik-Black.ttf
diff --git a/android/app/src/main/assets/fonts/Rubik-Bold.ttf b/android/app/src/main/assets/fonts/Rubik-Bold.ttf
diff --git a/android/app/src/main/assets/fonts/Rubik-Light.ttf b/android/app/src/main/assets/fonts/Rubik-Light.ttf
diff --git a/android/app/src/main/assets/fonts/Rubik-Medium.ttf b/android/app/src/main/assets/fonts/Rubik-Medium.ttf
diff --git a/android/app/src/main/assets/fonts/Rubik-Regular.ttf b/android/app/src/main/assets/fonts/Rubik-Regular.ttf
diff --git a/src/components/BtnAction.js b/src/components/BtnAction.js
@@ -18,7 +18,8 @@ const style = StyleSheet.create({
         paddingVertical: 10,
         textAlign: 'center',
         borderRadius: 7,
-        fontWeight: '500'
+        fontWeight: '500',
+        fontFamily: 'Rubik-Regular'
     }
 })
 
diff --git a/src/components/BtnNime.js b/src/components/BtnNime.js
@@ -33,7 +33,8 @@ const style = StyleSheet.create({
         paddingHorizontal: 14,
         paddingVertical: 7,
         borderRadius: 50,
-        fontSize: 12
+        fontSize: 12,
+        fontFamily: 'Rubik-Light'
     },
 })
 
diff --git a/src/components/Card.js b/src/components/Card.js
@@ -55,7 +55,8 @@ const style = StyleSheet.create({
     title: {
         fontSize: 16,
         color: '#1C1D27',
-        paddingVertical: 5
+        paddingVertical: 5,
+        fontFamily: 'Rubik-Regular'
     },
     episode: {
         fontSize: 14,
diff --git a/src/components/ContentModalAction.js b/src/components/ContentModalAction.js
@@ -38,14 +38,16 @@ const style = StyleSheet.create({
         fontWeight: '500',
         color: '#372948',
         letterSpacing: 0.3,
-        marginBottom: 16
+        marginBottom: 16,
+        fontFamily: 'Rubik-Medium'
     },
     btn: {
         textAlign: 'center',
         paddingVertical: 10,
         borderRadius: 5,
         color: '#372948',
-        fontWeight: '500'
+        fontWeight: '500',
+        fontFamily: 'Rubik-Regular'
     }
 })
 
diff --git a/src/components/NavClose.js b/src/components/NavClose.js
@@ -32,7 +32,8 @@ const style = StyleSheet.create({
         fontSize: 18,
         color: '#FFFFFF',
         fontWeight: '500',
-        letterSpacing: 0.7
+        letterSpacing: 0.7,
+        fontFamily: 'Rubik-Medium'
     }
 })
 
diff --git a/src/components/NavMain.js b/src/components/NavMain.js
@@ -45,7 +45,8 @@ const style = StyleSheet.create({
         fontSize: 20,
         fontWeight: '500',
         letterSpacing: 0.8,
-        color: '#FFFFFF'
+        color: '#FFFFFF',
+        fontFamily: 'Rubik-Medium'
     }
 })
 
diff --git a/src/components/UsedInet.js b/src/components/UsedInet.js
@@ -50,7 +50,8 @@ const style = StyleSheet.create({
         marginBottom: 5
     },
     inettitle: {
-        color: '#FFFFFF'
+        color: '#FFFFFF',
+        fontFamily: 'Rubik-Light'
     },
     wrapnime: {
         flexDirection: 'row',
diff --git a/src/components/WallpaperSet.js b/src/components/WallpaperSet.js
@@ -7,7 +7,7 @@ const WallpaperSet = ({pickImage, wallpaper, opacity, setOpacity}) => {
         <View>
             <Text style={style.title}>Wallpaper</Text>
             <View style={style.wrapContent}>
-                <Text style={{ marginBottom: 10 }}>Pilih gambar</Text>
+                <Text style={style.titleDes}>Pilih gambar</Text>
                 <BtnAction title="Pilih" bgcolor='#8D9EFF' handler={pickImage} />
 
                 <View style={style.coverWrap}>
@@ -19,9 +19,9 @@ const WallpaperSet = ({pickImage, wallpaper, opacity, setOpacity}) => {
                     }
                 </View>
 
-                <Text style={{ marginBottom: 10 }}>Transparansi wallpaper</Text>
+                <Text style={style.titleDes}>Transparansi wallpaper</Text>
                 <View style={style.wrapContent}>
-                    <Text style={{ textAlign: 'center', color: 'white' }}>{parseInt(opacity * 100)}%</Text>
+                    <Text style={{ textAlign: 'center', color: 'white', fontFamily: 'Rubik-Regular' }}>{parseInt(opacity * 100)}%</Text>
                     <Slider 
                         style={{ width: '100%', height: 40 }}
                         minimumValue={0}
@@ -39,8 +39,8 @@ const WallpaperSet = ({pickImage, wallpaper, opacity, setOpacity}) => {
 
 const style = StyleSheet.create({
     title: {
-        fontWeight: '700',
-        marginBottom: 10
+        marginBottom: 10,
+        fontFamily: 'Rubik-Medium'
     },
     wrapContent: {
         borderWidth: 1,
@@ -63,6 +63,10 @@ const style = StyleSheet.create({
         height: 200,
         resizeMode: 'contain',
         backgroundColor: '#282A3A'
+    },
+    titleDes: {
+        fontFamily: 'Rubik-Regular',
+        marginBottom: 10
     }
 })
 
diff --git a/src/screens/AddAnime.js b/src/screens/AddAnime.js
@@ -120,7 +120,7 @@ const AddAnime = ({navigation, route}) => {
                     isLoading={isLoading} />
                 <View style={style.wrapcontent}>
                     <Text style={style.label}>Pilih sampul</Text>
-                    <TouchableNativeFeedback onPress={pickCoverLocal}><View style={[style.btn,{backgroundColor: '#47B5FF'}]}><Text style={{ color: '#FFFFFF' }}>Pilih</Text></View></TouchableNativeFeedback>
+                    <TouchableNativeFeedback onPress={pickCoverLocal}><View style={[style.btn,{backgroundColor: '#47B5FF'}]}><Text style={{ color: '#FFFFFF', fontFamily: 'Rubik-Regular' }}>Pilih</Text></View></TouchableNativeFeedback>
                     <View style={style.coverWrap}>
                         {
                             cover &&
@@ -130,7 +130,7 @@ const AddAnime = ({navigation, route}) => {
                         }
                     </View>
                 </View>
-                <TouchableNativeFeedback onPress={addHandler} ><View style={[style.btn,{backgroundColor: '#8D9EFF'}]}><Text style={{ color: '#FFFFFF' }}>Simpan</Text></View></TouchableNativeFeedback>
+                <TouchableNativeFeedback onPress={addHandler} ><View style={[style.btn,{backgroundColor: '#8D9EFF'}]}><Text style={{ color: '#FFFFFF', fontFamily: 'Rubik-Regular' }}>Simpan</Text></View></TouchableNativeFeedback>
             </ScrollView>
         </View>
     )
@@ -146,7 +146,8 @@ const style = StyleSheet.create({
         marginBottom: 7,
         color: '#FFFFFF',
         fontSize: 16,
-        fontWeight: '500'
+        fontWeight: '500',
+        fontFamily: 'Rubik-Regular'
     },
     wrapcontent: {
         marginBottom: 10
diff --git a/src/screens/DetailAnime.js b/src/screens/DetailAnime.js
@@ -112,15 +112,18 @@ const style = StyleSheet.create({
         fontSize: 28,
         color: '#FFFFFF',
         fontWeight: '500',
-        marginBottom: 7
+        marginBottom: 7,
+        fontFamily: 'Rubik-Medium'
     },
     episode: {
         fontSize: 16,
         color: '#975C8D',
-        marginBottom: 5
+        marginBottom: 5,
+        fontFamily: 'Rubik-Regular'
     },
     endepisode: {
-        color: '#372948'
+        color: '#372948',
+        fontFamily: 'Rubik-Regular'
     },
     wrapCardEpisode: {
         marginTop: 20
@@ -130,7 +133,8 @@ const style = StyleSheet.create({
         padding: 16,
         borderRadius: 5,
         color: '#FFFFFF',
-        lineHeight: 20
+        lineHeight: 20,
+        fontFamily: 'Rubik-Light'
     }
 })
 

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,8 @@ const style = StyleSheet.create({`
`18`	`18`	`paddingVertical: 10,`
`19`	`19`	`textAlign: 'center',`
`20`	`20`	`borderRadius: 7,`
`21`		`- fontWeight: '500'`
	`21`	`+ fontWeight: '500',`
	`22`	`+ fontFamily: 'Rubik-Regular'`
`22`	`23`	`}`
`23`	`24`	`})`
`24`	`25`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,8 @@ const style = StyleSheet.create({`
`32`	`32`	`fontSize: 18,`
`33`	`33`	`color: '#FFFFFF',`
`34`	`34`	`fontWeight: '500',`
`35`		`- letterSpacing: 0.7`
	`35`	`+ letterSpacing: 0.7,`
	`36`	`+ fontFamily: 'Rubik-Medium'`
`36`	`37`	`}`
`37`	`38`	`})`
`38`	`39`