Updates default Text font size to 24px (bevyengine#13603)

# Objective

- The default font size is too small to be useful in examples or for
debug text.
- Fixes bevyengine#13587

## Solution

- Updated the default font size value in `TextStyle` from 12px to 24px.
- Resorted to Text defaults in examples to use the default font size in
most of them.

## Testing

- WIP

---

## Migration Guide

- The default font size has been increased to 24px from 12px. Make sure
you set the font to the appropriate values in places you were using
`Default` text style.

crates/bevy_text/src/text.rs

@@ -202,7 +202,7 @@ impl Default for TextStyle {
     fn default() -> Self {
         Self {
             font: Default::default(),
-            font_size: 12.0,
+            font_size: 24.0,
             color: Color::WHITE,
         }
     }

examples/2d/2d_shapes.rs

@@ -58,19 +58,13 @@ fn setup(
     }
 
     commands.spawn(
-        TextBundle::from_section(
-            "Press space to toggle wireframes",
-            TextStyle {
-                font_size: 20.0,
+        TextBundle::from_section("Press space to toggle wireframes", TextStyle::default())
+            .with_style(Style {
+                position_type: PositionType::Absolute,
+                top: Val::Px(12.0),
+                left: Val::Px(12.0),
                 ..default()
-            },
-        )
-        .with_style(Style {
-            position_type: PositionType::Absolute,
-            top: Val::Px(12.0),
-            left: Val::Px(12.0),
-            ..default()
-        }),
+            }),
     );
 }
 

examples/2d/bloom_2d.rs

@@ -66,14 +66,7 @@ fn setup(
 
     // UI
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             bottom: Val::Px(12.0),
             left: Val::Px(12.0),

examples/2d/bounding_2d.rs

@@ -267,14 +267,7 @@ fn setup(mut commands: Commands) {
     ));
 
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             bottom: Val::Px(12.0),
             left: Val::Px(12.0),

examples/2d/sprite_animation.rs

@@ -142,10 +142,7 @@ fn setup(
     commands.spawn(TextBundle {
         text: Text::from_section(
             "Left Arrow Key: Animate Left Sprite\nRight Arrow Key: Animate Right Sprite",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
+            TextStyle::default(),
         ),
         style: Style {
             position_type: PositionType::Absolute,

examples/2d/sprite_slice.rs

@@ -114,7 +114,7 @@ fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
     let style = TextStyle {
         font: font.clone(),
         font_size: 16.0,
-        color: Color::WHITE,
+        ..default()
     };
 
     // Load textures

examples/2d/texture_atlas.rs

@@ -124,7 +124,7 @@ fn setup(
     let text_style: TextStyle = TextStyle {
         font: font.clone(),
         font_size: 50.0,
-        color: Color::WHITE,
+        ..default()
     };
 
     // labels to indicate padding
@@ -173,7 +173,7 @@ fn setup(
     let sampling_label_style = TextStyle {
         font,
         font_size: 30.0,
-        color: Color::WHITE,
+        ..default()
     };
 
     let base_y = 170.0; // y position of the sprites

examples/2d/wireframe_2d.rs

@@ -99,14 +99,7 @@ fn setup(
 
     // Text used to show controls
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             top: Val::Px(12.0),
             left: Val::Px(12.0),

examples/3d/3d_shapes.rs

@@ -97,19 +97,13 @@ fn setup(
     });
 
     commands.spawn(
-        TextBundle::from_section(
-            "Press space to toggle wireframes",
-            TextStyle {
-                font_size: 20.0,
+        TextBundle::from_section("Press space to toggle wireframes", TextStyle::default())
+            .with_style(Style {
+                position_type: PositionType::Absolute,
+                top: Val::Px(12.0),
+                left: Val::Px(12.0),
                 ..default()
-            },
-        )
-        .with_style(Style {
-            position_type: PositionType::Absolute,
-            top: Val::Px(12.0),
-            left: Val::Px(12.0),
-            ..default()
-        }),
+            }),
     );
 }
 

examples/3d/anti_aliasing.rs

@@ -340,14 +340,7 @@ fn setup(
 
     // example instructions
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             top: Val::Px(12.0),
             left: Val::Px(12.0),

examples/3d/atmospheric_fog.rs

@@ -97,10 +97,7 @@ fn setup_instructions(mut commands: Commands) {
     commands.spawn(
         TextBundle::from_section(
             "Press Spacebar to Toggle Atmospheric Fog.\nPress S to Toggle Directional Light Fog Influence.",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
+            TextStyle::default(),
         )
         .with_style(Style {
             position_type: PositionType::Absolute,

examples/3d/auto_exposure.rs

@@ -131,10 +131,7 @@ fn setup(
         ..default()
     });
 
-    let text_style = TextStyle {
-        font_size: 20.0,
-        ..default()
-    };
+    let text_style = TextStyle::default();
 
     commands.spawn(
         TextBundle::from_section(

examples/3d/blend_modes.rs

@@ -181,7 +181,6 @@ fn setup(
     // Controls Text
     let text_style = TextStyle {
         font: asset_server.load("fonts/FiraMono-Medium.ttf"),
-        font_size: 20.0,
         ..default()
     };
 

examples/3d/bloom_3d.rs

@@ -89,14 +89,7 @@ fn setup_scene(
 
     // example instructions
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             bottom: Val::Px(12.0),
             left: Val::Px(12.0),

examples/3d/clearcoat.rs

@@ -236,7 +236,7 @@ fn spawn_text(commands: &mut Commands, light_mode: &LightMode) {
     commands.spawn(
         TextBundle {
             text: light_mode.create_help_text(),
-            ..TextBundle::default()
+            ..default()
         }
         .with_style(Style {
             position_type: PositionType::Absolute,
@@ -336,12 +336,6 @@ impl LightMode {
             LightMode::Directional => "Press Space to switch to a point light",
         };
 
-        Text::from_section(
-            help_text,
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
-        )
+        Text::from_section(help_text, TextStyle::default())
     }
 }

examples/3d/color_grading.rs

@@ -326,8 +326,7 @@ fn add_help_text(
                 create_help_text(currently_selected_option),
                 TextStyle {
                     font: font.clone(),
-                    font_size: 24.0,
-                    color: Color::WHITE,
+                    ..default()
                 },
             )
         })

examples/3d/deferred_rendering.rs

@@ -204,14 +204,7 @@ fn setup(
 
     // Example instructions
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             top: Val::Px(12.0),
             left: Val::Px(12.0),

examples/3d/depth_of_field.rs

@@ -96,7 +96,7 @@ fn setup(mut commands: Commands, asset_server: Res<AssetServer>, app_settings: R
     commands.spawn(
         TextBundle {
             text: create_text(&app_settings),
-            ..TextBundle::default()
+            ..default()
         }
         .with_style(Style {
             position_type: PositionType::Absolute,
@@ -220,13 +220,7 @@ fn update_text(mut texts: Query<&mut Text>, app_settings: Res<AppSettings>) {
 
 /// Regenerates the app text component per the current app settings.
 fn create_text(app_settings: &AppSettings) -> Text {
-    Text::from_section(
-        app_settings.help_text(),
-        TextStyle {
-            font_size: 20.0,
-            ..default()
-        },
-    )
+    Text::from_section(app_settings.help_text(), TextStyle::default())
 }
 
 impl From<AppSettings> for Option<DepthOfFieldSettings> {

examples/3d/fog.rs

@@ -124,14 +124,7 @@ fn setup_pyramid_scene(
 
 fn setup_instructions(mut commands: Commands) {
     commands.spawn(
-        TextBundle::from_section(
-            "",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
-        )
-        .with_style(Style {
+        TextBundle::from_section("", TextStyle::default()).with_style(Style {
             position_type: PositionType::Absolute,
             top: Val::Px(12.0),
             left: Val::Px(12.0),

examples/3d/generate_custom_mesh.rs

@@ -66,10 +66,7 @@ fn setup(
     commands.spawn(
         TextBundle::from_section(
             "Controls:\nSpace: Change UVs\nX/Y/Z: Rotate\nR: Reset orientation",
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
+            TextStyle::default(),
         )
         .with_style(Style {
             position_type: PositionType::Absolute,

examples/3d/irradiance_volumes.rs

@@ -354,10 +354,7 @@ impl AppStatus {
                 rotation_help_text,
                 switch_mesh_help_text
             ),
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
+            TextStyle::default(),
         )
     }
 }

examples/3d/lighting.rs

@@ -231,10 +231,8 @@ fn setup(
     });
 
     // example instructions
-    let style = TextStyle {
-        font_size: 20.0,
-        ..default()
-    };
+    let style = TextStyle::default();
+
     commands.spawn(
         TextBundle::from_sections(vec![
             TextSection::new(

examples/3d/motion_blur.rs

@@ -252,10 +252,8 @@ fn spawn_trees(
 }
 
 fn setup_ui(mut commands: Commands) {
-    let style = TextStyle {
-        font_size: 20.0,
-        ..default()
-    };
+    let style = TextStyle::default();
+
     commands.spawn(
         TextBundle::from_sections(vec![
             TextSection::new(String::new(), style.clone()),

examples/3d/parallax_mapping.rs

@@ -301,10 +301,7 @@ fn setup(
     commands.spawn(background_cube_bundle(Vec3::new(0., 0., 45.)));
     commands.spawn(background_cube_bundle(Vec3::new(0., 0., -45.)));
 
-    let style = TextStyle {
-        font_size: 20.0,
-        ..default()
-    };
+    let style = TextStyle::default();
 
     // example instructions
     commands.spawn(

examples/3d/pbr.rs

@@ -103,7 +103,6 @@ fn setup(
             "Loading Environment Map...",
             TextStyle {
                 font_size: 36.0,
-                color: Color::WHITE,
                 ..default()
             },
         )

examples/3d/reflection_probes.rs

@@ -286,10 +286,7 @@ impl AppStatus {
                 "{}\n{}\n{}",
                 self.reflection_mode, rotation_help_text, REFLECTION_MODE_HELP_TEXT
             ),
-            TextStyle {
-                font_size: 20.0,
-                ..default()
-            },
+            TextStyle::default(),
         )
     }
 }

examples/3d/shadow_biases.rs

@@ -113,10 +113,8 @@ fn setup(
         ..default()
     });
 
-    let style = TextStyle {
-        font_size: 20.,
-        ..default()
-    };
+    let style = TextStyle::default();
+
     commands
         .spawn(NodeBundle {
             style: Style {