font

lib/systems/CoreSystem.js

@@ -3,7 +3,7 @@ import ViewSystem, { View } from './ViewSystem.js';
 import ModuleSystem from './ModuleSystem.js';
 import Modules from '../../modules';
 import EventSystem from './EventSystem';
-
+import * as Font from 'expo-font';
 export default class CoreSystem {
 	constructor() {
 		// TODO -- Make correct Initialization
@@ -11,9 +11,26 @@ export default class CoreSystem {
 		this.ModuleSystem = new ModuleSystem();
 		this.EventSystem = new EventSystem();
 		this.ViewSystem    = new ViewSystem(this.ModuleSystem, this.EventSystem);
+		this.loadFonts()
 		this.__loadModules(Modules);
 	}
 
+
+	loadFonts(){
+		Font.loadAsync({
+	      'black': require('../assets/fonts/SFCompactDisplay-Black_0.otf'),
+	      'bold': require('../assets/fonts/SFCompactDisplay-Bold_0.otf'),
+	      'heavy': require('../assets/fonts/SFCompactDisplay-Heavy_0.otf'),
+	      'light': require('../assets/fonts/SFCompactDisplay-Light_0.otf'),
+	      'medium': require('../assets/fonts/SFCompactDisplay-Medium_0.otf'),
+	      'regular': require('../assets/fonts/SFCompactDisplay-Regular_0.otf'),
+	      'semibold': require('../assets/fonts/SFCompactDisplay-Semibold_0.otf'),
+	      'thin': require('../assets/fonts/SFCompactDisplay-Thin_0.otf'),
+	      'ultralight': require('../assets/fonts/SFCompactDisplay-Ultralight_0.otf')
+
+	    });
+	}
+
 	getCurrentView() {
 		return this.ViewSystem.getView(this.Routing.getCurrentView());
 	}