Added interface fonts options

Author: williamchange

material_maker/globals.gd

@@ -60,6 +60,10 @@ const DEFAULT_CONFIG : Dictionary = {
 	dialog_dim_background = true,
 	node_minimize_button = false,
 	node_close_button = false,
+	ui_use_system_font = false,
+	ui_font_size = 16,
+	ui_code_font_size = 12,
+	ui_font_enable_msdf = true
 }
 
 
@@ -228,3 +232,6 @@ func get_node_title_from_gen(generator : MMGenBase) -> String:
 				var gnode : GraphNode = graph.get_node(node_path)
 				return gnode.title.to_snake_case()
 	return "unnamed"
+
+func is_classic_theme() -> bool:
+	return "classic" in mm_globals.main_window.theme.resource_path

material_maker/main_window.gd

@@ -161,6 +161,11 @@ func _ready() -> void:
 		if mm_globals.config.has_section_key("window", "size"):
 			get_window().size = mm_globals.config.get_value("window", "size")
 
+	# Update fonts
+	FontManager.rebuild_fonts()
+	theme.default_font = FontManager.main_font
+	theme.default_font_size = FontManager.ui_font_size
+
 	# Restore the theme
 	var theme_name: String = "default dark"
 	if mm_globals.config.has_section_key("window", "theme"):
@@ -620,14 +625,21 @@ func create_menu_set_theme(menu : MMMenuManager.MenuBase) -> void:
 func change_theme(theme_name) -> void:
 	if not ResourceLoader.exists("res://material_maker/theme/"+theme_name+".tres"):
 		theme_name = "default dark"
-	var _theme = load("res://material_maker/theme/"+theme_name+".tres")
+	var _theme : Theme = load("res://material_maker/theme/"+theme_name+".tres")
 	if _theme == theme:
 		return
 	if _theme is EnhancedTheme:
 		_theme.update()
-	await get_tree().process_frame
 	theme = _theme
+	theme.default_font = FontManager.main_font
+	theme.set_font("title_font", "TooltipPanel", FontManager.main_font)
+	theme.set_font("font", "TooltipLabel", FontManager.main_font)
+
 	if "classic" in theme_name:
+		if not FontManager.has_font_config("main_font"):
+			theme.default_font = FontManager.classic_font
+			theme.set_font("title_font", "TooltipPanel", FontManager.classic_font)
+			theme.set_font("font", "TooltipLabel", FontManager.classic_font)
 		RenderingServer.set_default_clear_color(Color(0.14, 0.17,0.23))
 	else:
 		RenderingServer.set_default_clear_color(

material_maker/nodes/base.gd

@@ -229,7 +229,7 @@ func _draw() -> void:
 		draw_style_box(get_theme_stylebox("node_highlight"), Rect2(Vector2.ZERO, size))
 	if generator.rendering_time > 0:
 		var time_color : Color = get_rendering_time_color(generator.rendering_time)
-		var buffer_timing_font : Font = preload("res://material_maker/theme/font_rubik/Rubik-416.ttf")
+		var buffer_timing_font : FontVariation = FontManager.medium_font
 		@warning_ignore_start("narrowing_conversion")
 		draw_string_outline(buffer_timing_font, Vector2i(0, size.y+12), str(generator.rendering_time)+"ms", HORIZONTAL_ALIGNMENT_CENTER, size.x, 12, 4, Color.BLACK)
 		draw_string(buffer_timing_font, Vector2i(0, size.y+12), str(generator.rendering_time)+"ms", HORIZONTAL_ALIGNMENT_CENTER, size.x, 12, time_color)

material_maker/nodes/generic/generic.gd

@@ -417,7 +417,7 @@ func do_update_preview() -> void:
 func update_title() -> void:
 	title = TranslationServer.translate(generator.get_type_name())
 	if generator == null or generator.minimized:
-		var font : Font = get_theme_font("default_font")
+		var font : Font = FontManager.medium_font
 		var max_title_width = 28
 		if font.get_string_size(title).x > max_title_width:
 			for i in range(1, title.length()-1):
@@ -438,6 +438,8 @@ func update_node() -> void:
 		if mm_globals.get_config(SETTINGS_NODE_CLOSE_BUTTON) else false)
 	# Rebuild node
 	update_title()
+	var title_label : Label = get_titlebar_hbox().get_child(0)
+	title_label.add_theme_font_override("font", FontManager.medium_font)
 	# Resize to minimum
 	size = Vector2(0, 0)
 	# Regex for labels

material_maker/nodes/minimal.gd

@@ -19,6 +19,8 @@ func _ready() -> void:
 		buttons = HBoxContainer.new()
 		var space : Control = Control.new()
 		buttons.add_theme_constant_override("separation", 1)
+		var title_label : Label = get_titlebar_hbox().get_child(0)
+		title_label.add_theme_font_override("font", FontManager.medium_font)
 		space.custom_minimum_size = Vector2(4, 0)
 		buttons.add_child(space)
 		get_titlebar_hbox().add_child(buttons)

material_maker/nodes/portal/portal.gd

@@ -1,7 +1,7 @@
 extends MMGraphNodeMinimal
 class_name MMGraphPortal
 
-const LABEL_FONT = preload("res://material_maker/theme/font_rubik/Rubik-416.ttf")
+var label_font : FontVariation = FontManager.medium_font
 
 ## Whether portal's link is being edited
 ## (i.e. its associated LineEdit is visible)
@@ -32,11 +32,11 @@ func _draw() -> void:
 	var label_pos := size * 0.5
 	var label_color : Color = generator.color
 
-	var label_size = LABEL_FONT.get_string_size(get_link(), HORIZONTAL_ALIGNMENT_CENTER, -1, label_font_size)
+	var label_size = label_font.get_string_size(get_link(), HORIZONTAL_ALIGNMENT_CENTER, -1, label_font_size)
 	var label_draw_pos := label_pos - Vector2(label_size.x * 0.5, label_y_offset)
 	if not is_editing:
-		draw_string_outline(LABEL_FONT, label_draw_pos, get_link(), HORIZONTAL_ALIGNMENT_CENTER, -1, label_font_size, 5, Color.BLACK)
-		draw_string(LABEL_FONT, label_draw_pos, get_link(), HORIZONTAL_ALIGNMENT_CENTER, -1, label_font_size, label_color)
+		draw_string_outline(label_font, label_draw_pos, get_link(), HORIZONTAL_ALIGNMENT_CENTER, -1, label_font_size, 5, Color.BLACK)
+		draw_string(label_font, label_draw_pos, get_link(), HORIZONTAL_ALIGNMENT_CENTER, -1, label_font_size, label_color)
 
 	# label dragger
 	%Dragger.mouse_filter = MOUSE_FILTER_IGNORE if is_editing else MOUSE_FILTER_PASS
@@ -274,7 +274,7 @@ func setup_portal_edit() -> void:
 	var old_link := get_link()
 	var graph : MMGraphEdit = get_parent()
 	var edit := LineEdit.new()
-	edit.add_theme_font_override("font", LABEL_FONT)
+	edit.add_theme_font_override("font", label_font)
 	edit.alignment = HORIZONTAL_ALIGNMENT_CENTER
 	edit.max_length = 64
 	edit.expand_to_text_length = true

material_maker/panels/graph_edit/graph_edit.gd

@@ -69,7 +69,6 @@ signal graph_changed
 signal view_updated
 signal preview_changed
 
-
 func _ready() -> void:
 	OS.low_processor_usage_mode = true
 	center_view()

material_maker/panels/graph_edit/graph_zoom_menu.gd

@@ -40,3 +40,7 @@ func update_zoom() -> void:
 	if graph_edit:
 		graph_edit.zoom = zoom_level
 	mm_globals.set_config(SETTING_GRAPH_ZOOM_LEVEL, zoom_level)
+
+func _notification(what : int) -> void:
+	if what == NOTIFICATION_THEME_CHANGED:
+		%ZoomLabel.add_theme_font_override("font", FontManager.main_font)

material_maker/panels/library/library.gd

@@ -13,8 +13,6 @@ var category_buttons = {}
 @onready var filter_line_edit : LineEdit = %Filter
 @onready var item_menu : PopupMenu = %ItemMenu
 
-var section_font = preload("res://material_maker/theme/font_rubik/Rubik-416.ttf")
-
 const MINIMUM_ITEM_HEIGHT : int = 30
 
 const MENU_CREATE_LIBRARY : int = 1000
@@ -68,8 +66,9 @@ func _notification(what: int) -> void:
 func update_theme() -> void:
 	libraries_button.icon = get_theme_icon("settings", "MM_Icons")
 
-	var is_theme_classic : bool = "classic" in mm_globals.main_window.theme.resource_path
+	var is_theme_classic : bool = mm_globals.is_classic_theme()
 	library_manager.update_section_colors(is_theme_classic)
+	update_tree()
 
 func init_expanded_items() -> void:
 	var f = FileAccess.open("user://expanded_items.bin", FileAccess.READ)
@@ -160,7 +159,7 @@ func update_tree() -> void:
 
 	for section : TreeItem in tree.get_root().get_children():
 		if section.get_children().size():
-			section.set_custom_font(0, section_font)
+			section.set_custom_font(0, FontManager.medium_font)
 	tree.queue_redraw()
 
 func add_item(item, library_index : int, item_name : String, item_icon = null, item_parent = null, force_expand = false) -> TreeItem:

material_maker/panels/preview_2d/export_menu.gd

@@ -24,6 +24,8 @@ func _notification(what: int) -> void:
 		%ExportFolderButton.icon = get_theme_icon("folder", "MM_Icons")
 		%ExportFileResultLabel.add_theme_color_override("font_color", get_theme_color("font_color", "Label").lerp(Color.ORANGE, 0.5))
 		%ExportNotificationLabel.add_theme_color_override("font_color", get_theme_color("font_color", "Label").lerp(get_theme_color("icon_pressed_color", "Button"), 0.5))
+		%ExportFileResultLabel.add_theme_font_override("font",
+			FontManager.create_italic_variation(FontManager.main_font))
 
 
 func _open() -> void: