Fixed the issues with the custom fonts not being used (sometimes they are ignored if other options exist); Added more OpenSans options; Switched to OpenSans in the menus for clarity and size reasons; Fixed the menu closing on focus lost issues.

lib/modules/apostrophe-assets/public/css/menu.sass

@@ -3,6 +3,18 @@
 @font-face
 	font-family: "OpenSans"
 	src: url('/modules/theme/fonts/OpenSans-Regular.ttf') format("truetype")
+@font-face
+	font-family: "OpenSansLight"
+	src: url('/modules/theme/fonts/OpenSans-Light.ttf') format("truetype")
+@font-face
+	font-family: "OpenSansSemiBold"
+	src: url('/modules/theme/fonts/OpenSans-SemiBold.ttf') format("truetype")
+@font-face
+	font-family: "OpenSansBold"
+	src: url('/modules/theme/fonts/OpenSans-Bold.ttf') format("truetype")
+@font-face
+	font-family: "OpenSansExtraBold"
+	src: url('/modules/theme/fonts/OpenSans-ExtraBold.ttf') format("truetype")
 
 .navbar
 	overflow: visible
@@ -95,16 +107,24 @@
 				border-top: white 1rem solid
 	.dropdown-content
 		h1
-			font-size: 3rem
-			font-family: Roboto Arial sans-serif
+			//font-size: 3rem
+			//font-family: Roboto Arial sans-serif
+			font-family: OpenSansBold
+			font-size: 2rem
+			letter-spacing: .1rem
+			text-transform: uppercase
 			margin: .6rem 0 .6rem 0
 			color: #c2e09d
 			//background-color: #555
 			border-bottom: 2px solid grey
 			width: 100%
 		h2
-			font-size: 1.5rem
-			font-family: Roboto Arial sans-serif
+			//font-size: 1.5rem
+			//font-family: Roboto Arial sans-serif
+			font-family: OpenSansSemiBold
+			font-size: 1.2rem
+			letter-spacing: .1rem
+			text-transform: uppercase
 			margin: .6rem 0 .4rem 0
 			border-bottom: #656565 1.5px dashed
 			color: #CCC
@@ -112,15 +132,22 @@
 			width: 100%
 		a
 			@extend .noselect
-			font-size: 1rem
-			font-family: Roboto Arial sans-serif
+			font-size: 0.9rem
+			//font-family: Roboto
+			font-family: OpenSans
+			letter-spacing: 0.05rem
 			color: white
 			text-decoration: none
 			margin: .5rem 0 .5rem .6rem
 			display: block
-		a:hover
-			color: #ff7700
-			text-decoration: underline
+			&:hover
+				color: #ff7700
+				text-decoration: underline
+			sup
+				font-size: 0.6rem
+				font-family: OpenSansLight
+				letter-spacing: 0.05rem
+				top: -0.6rem
 
 //
 //@media only screen and (max-width: 950px)