add custom font

ariear · Nov 24, 2022 · a7ff7b8 · a7ff7b8
1 parent a674f3b
commit a7ff7b8
Show file tree

Hide file tree

Showing 15 changed files with 37 additions and 20 deletions.
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'
     }
 })