Partially solved mxhx font embed issue

project.xml

@@ -29,11 +29,10 @@
 	<icon path="assets/icons/app_icon.svg"/>
 
 	<assets path="assets">
-		<font path="fonts/Montserrat/MontserratLight300.ttf" id="MontserratLight300" embed="true"/>	
-		<font path="fonts/Montserrat/MontserratRegular400.ttf" id="MontserratRegular400" embed="true"/>	
-    	<font path="fonts/Montserrat/MontserratMedium500.ttf" id="MontserratMedium500" embed="true"/>
-		<font path="fonts/Montserrat/MontserratBold700.ttf" id="MontserratBold700" embed="true"/>
-		<font path="fonts/HighSpirited.ttf" id="HighSpirited" embed="true"/>
+		<font path="fonts/Montserrat/Montserrat Light.ttf" id="Montserrat Light" embed="true"/>	
+		<font path="fonts/Montserrat/Montserrat Regular.ttf" id="Montserrat Regular" embed="true"/>	
+    	<font path="fonts/Montserrat/Montserrat Medium.ttf" id="Montserrat Medium" embed="true"/>
+		<font path="fonts/Montserrat/Montserrat Bold.ttf" id="Montserrat Bold" embed="true"/>
 	</assets>
 
 	<!-- copies data/Employees.xml to output -->

src/model/Constants.hx

@@ -29,10 +29,10 @@ class Constants {
     public static final LIST_SEPARATOR_COLOR:Int = 0xE1E3E4;
 
     // Fonts
-    public static final MONTSERRAT_LIGHT_300:String = "MontserratLight300";
-    public static final MONTSERRAT_REGULAR_400:String = "MontserratRegular400";
-    public static final MONTSERRAT_MEDIUM_500:String = "MontserratMedium500";
-    public static final MONTSERRAT_BOLD_700:String = "MontserratBold700";
+    public static final MONTSERRAT_LIGHT_300:String = "Montserrat Light";
+    public static final MONTSERRAT_REGULAR_400:String = "Montserrat Regular";
+    public static final MONTSERRAT_MEDIUM_500:String = "Montserrat Medium";
+    public static final MONTSERRAT_BOLD_700:String = "Montserrat Bold";
     public static final HIGH_SPIRITED:String = "HighSpirited";
 
     // Fonts sizes

src/view/RiderCardDrawer.hx

@@ -1,5 +1,6 @@
 package view;
 
+import openfl.Assets;
 import feathers.controls.ScrollContainer;
 import feathers.controls.Drawer;
 import feathers.events.FeathersEvent;
@@ -26,7 +27,6 @@ class RiderCardDrawer extends Drawer {
 		appModel = AppModelLocator.getInstance();
 
 		overlaySkin = new RectangleSkin(SolidColor(Constants.MAIN_COLOR3, 1));
-		swipeCloseEnabled = true;
 		swipeOpenEnabled = false;
 		autoSizeMode = STAGE;
 		pullableEdge = TOP;
@@ -48,6 +48,9 @@ class RiderCardDrawer extends Drawer {
 
 		// profile picture
 		ppal.source = Constants.PROFIL_PICTURES_PATH_512 + appModel.selectedRider.uid + ".jpg";
+
+		firstNameLabel.text = AppModelLocator.getInstance().selectedRider.firstName;
+		nameLabel.text = AppModelLocator.getInstance().selectedRider.name;
 		
 
 		openDrawer();

src/view/RiderCardDrawer.mxhx

@@ -2,6 +2,7 @@
 <f:Drawer xmlns:mx="https://ns.mxhx.dev/2024/mxhx" 
           xmlns:f="https://ns.feathersui.com/mxhx" 
           xmlns:components="components.*">
+
   <f:ScrollContainer id="mainScrollContainer">
     <f:layout>
         <f:VerticalLayout horizontalAlign="JUSTIFY" 
@@ -27,7 +28,7 @@
       <f:backgroundSkin>
             <f:RectangleSkin>
                 <f:fill>
-                    <f:FillStyle.SolidColor color="0xFF00FF" alpha="1"/>
+                    <f:FillStyle.SolidColor color="0xDDDDDD" alpha="1"/>
                 </f:fill>
             </f:RectangleSkin>
         </f:backgroundSkin>
@@ -37,14 +38,24 @@
         </f:layout>
 
         <f:Label id="firstNameLabel" 
-                 text="Hello!" 
                  paddingLeft="0" 
                  paddingTop="0"
                  paddingRight="0"
                  paddingBottom="0"
                  embedFonts="true">
           <f:textFormat>
-              <f:TextFormat font="{Assets.getFont(model.Constants.MONTSERRAT_BOLD_700).fontName}" size="{model.Constants.FONT_SIZE_26}" color="{model.Constants.MAIN_COLOR1}"/>
+              <f:TextFormat font="Montserrat Bold" size="{model.Constants.FONT_SIZE_26}" color="{model.Constants.MAIN_COLOR1}"/>
+          </f:textFormat>
+        </f:Label>
+
+        <f:Label id="nameLabel" 
+                 paddingLeft="0" 
+                 paddingTop="0"
+                 paddingRight="0"
+                 paddingBottom="0"
+                 embedFonts="true">
+          <f:textFormat>
+              <f:TextFormat font="Montserrat Bold" size="{model.Constants.FONT_SIZE_26}" color="{model.Constants.MAIN_COLOR1}"/>
           </f:textFormat>
         </f:Label>