diff --git a/src/Page.js b/src/Page.js
index 4c5bb29..2c52434 100644
--- a/src/Page.js
+++ b/src/Page.js
@@ -1,4 +1,4 @@
-import { Dimensions, Text, View } from 'react-native';
+import { Dimensions, Platform, Text, View } from 'react-native';
 import PropTypes from 'prop-types';
 import React from 'react';
 
@@ -14,12 +14,15 @@ const Page = ({
   allowFontScaling = true,
   titleStyles = null,
   subTitleStyles = null,
+  fontFamily = null,
 }) => {
   let titleElement = title;
   if (typeof title === 'string' || title instanceof String) {
     titleElement = (
       <View style={styles.padding}>
-        <Text allowFontScaling={allowFontScaling} style={[styles.title, isLight ? styles.titleLight : {}, titleStyles]}>
+        <Text allowFontScaling={allowFontScaling} style={[styles.title, isLight ? styles.titleLight : {}, titleStyles,
+         fontFamily || {},
+        ]}>
           {title}
         </Text>
       </View>
@@ -30,7 +33,9 @@ const Page = ({
   if (typeof subtitle === 'string' || subtitle instanceof String) {
     subtitleElement = (
       <View style={styles.padding}>
-        <Text allowFontScaling={allowFontScaling} style={[styles.subtitle, isLight ? styles.subtitleLight : {}, subTitleStyles]}>
+        <Text allowFontScaling={allowFontScaling} style={[styles.subtitle, isLight ? styles.subtitleLight : {}, subTitleStyles,
+        fontFamily || {},
+        ]}>
           {subtitle}
         </Text>
       </View>
@@ -67,6 +72,9 @@ Page.propTypes = {
   }),
   width: PropTypes.number.isRequired,
   height: PropTypes.number.isRequired,
+  fontFamily: PropTypes.shape({
+    style: PropTypes.any,
+  }),
 };
 
 const { width, height } = Dimensions.get('window');
diff --git a/src/index.js b/src/index.js
index ad23272..62f86bc 100755
--- a/src/index.js
+++ b/src/index.js
@@ -5,7 +5,7 @@ import {
   I18nManager,
   StatusBar,
   SafeAreaView,
-  View,
+  Platform,
 } from 'react-native';
 
 import PropTypes from 'prop-types';
@@ -90,6 +90,7 @@ class Onboarding extends Component {
       imageContainerStyles,
       allowFontScalingText,
       titleStyles,
+      fontFamily,
       subTitleStyles,
     } = this.props;
 
@@ -104,6 +105,7 @@ class Onboarding extends Component {
         containerStyles={containerStyles}
         imageContainerStyles={imageContainerStyles}
         allowFontScaling={allowFontScalingText}
+        fontFamily={fontFamily}
         titleStyles={Object.assign(
           {},
           titleStyles || {},
@@ -271,9 +273,12 @@ Onboarding.propTypes = {
   }),
   allowFontScalingText: PropTypes.bool,
   allowFontScalingButtons: PropTypes.bool,
-  titleStyles: PropTypes.shape({
+  fontFamily: PropTypes.shape({
     style: PropTypes.any,
   }),
+  fontFamily:PropTypes.shape({
+    style:PropTypes.string
+  }),
   subTitleStyles: PropTypes.shape({
     style: PropTypes.any,
   }),
@@ -304,6 +309,7 @@ Onboarding.defaultProps = {
   allowFontScalingText: true,
   allowFontScalingButtons: true,
   titleStyles: null,
+  fontFamily:null,
   subTitleStyles: null,
   transitionAnimationDuration: 500,
   skipToPage: null,