diff --git a/app/src/main/java/legion/muyue/best2048/MainActivity.java b/app/src/main/java/legion/muyue/best2048/MainActivity.java
index cdd2ef6..d02be60 100644
--- a/app/src/main/java/legion/muyue/best2048/MainActivity.java
+++ b/app/src/main/java/legion/muyue/best2048/MainActivity.java
@@ -450,14 +450,24 @@ public class MainActivity extends AppCompatActivity {
     }
 
     /**
-     * Affiche une boîte de dialogue simple expliquant les règles du jeu.
+     * Affiche une boîte de dialogue expliquant les règles du jeu,
+     * en utilisant un layout personnalisé pour une meilleure présentation.
      */
     private void showHowToPlayDialog() {
-        new AlertDialog.Builder(this)
-                .setTitle(R.string.how_to_play_title)
-                .setMessage(R.string.how_to_play_instructions)
-                .setPositiveButton(R.string.ok, (dialog, which) -> dialog.dismiss())
-                .show();
+        AlertDialog.Builder builder = new AlertDialog.Builder(this);
+        LayoutInflater inflater = getLayoutInflater();
+        View dialogView = inflater.inflate(R.layout.dialog_how_to_play, null); // Gonfle le layout
+        builder.setView(dialogView);
+        builder.setCancelable(true); // Permet de fermer en cliquant à côté
+
+        // Récupère le bouton OK DANS la vue gonflée
+        Button okButton = dialogView.findViewById(R.id.dialogOkButtonHowToPlay);
+
+        final AlertDialog dialog = builder.create();
+
+        okButton.setOnClickListener(v -> dialog.dismiss()); // Ferme simplement
+
+        dialog.show();
     }
 
     /**
diff --git a/app/src/main/res/font/nunito_family.xml b/app/src/main/res/font/nunito_family.xml
new file mode 100644
index 0000000..cab12ca
--- /dev/null
+++ b/app/src/main/res/font/nunito_family.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<font-family xmlns:app="http://schemas.android.com/apk/res-auto">
+    <font
+        app:fontStyle="normal"
+        app:fontWeight="400"
+        app:font="@font/winkysans" />  <font
+    app:fontStyle="normal"
+    app:fontWeight="700"
+    app:font="@font/winkysans" /> </font-family>
\ No newline at end of file
diff --git a/app/src/main/res/font/winkysans.ttf b/app/src/main/res/font/winkysans.ttf
new file mode 100644
index 0000000..82f1923
Binary files /dev/null and b/app/src/main/res/font/winkysans.ttf differ
diff --git a/app/src/main/res/layout/dialog_how_to_play.xml b/app/src/main/res/layout/dialog_how_to_play.xml
new file mode 100644
index 0000000..ee7ba5e
--- /dev/null
+++ b/app/src/main/res/layout/dialog_how_to_play.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:orientation="vertical"
+    android:padding="24dp"
+    android:background="@drawable/dialog_background">
+
+    <TextView
+        android:id="@+id/dialogTitleHowToPlay"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="@string/how_to_play_title"
+        style="@style/SectionTitle" android:gravity="center"
+        android:layout_marginBottom="16dp"/>
+
+    <ScrollView
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:layout_weight="1"
+        android:layout_marginBottom="16dp">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/howToPlayTextContent"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:text="@string/how_to_play_instructions"
+                android:textColor="@color/text_tile_low"
+                android:textSize="16sp"
+                android:lineSpacingExtra="4dp"
+                android:fontFamily="@font/nunito_family"/>
+
+        </LinearLayout>
+    </ScrollView>
+
+    <Button
+        android:id="@+id/dialogOkButtonHowToPlay"
+        style="@style/ButtonStyle"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="0dp" android:layout_marginEnd="0dp"
+        android:layout_marginTop="8dp" android:layout_marginBottom="0dp"
+        android:text="@string/ok" />
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index b776634..adbe841 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -3,6 +3,7 @@
     </style>
 
     <style name="ScoreLabelStyle">
+        <item name="android:fontFamily">@font/nunito_family</item>
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">0dp</item>
         <item name="android:layout_weight">1</item>
@@ -14,6 +15,7 @@
     </style>
 
     <style name="ButtonStyle">
+        <item name="android:fontFamily">@font/nunito_family</item>
         <item name="android:layout_width">0dp</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="android:backgroundTint">@color/button_background</item>
@@ -26,6 +28,7 @@
     </style>
 
     <style name="LargeButtonStyle">
+        <item name="android:fontFamily">@font/nunito_family</item>
         <item name="android:layout_width">0dp</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="android:layout_marginStart">@dimen/padding_general</item>
@@ -41,12 +44,14 @@
     </style>
 
     <style name="SectionTitle">
+        <item name="android:fontFamily">@font/nunito_family</item>
         <item name="android:textSize">18sp</item>
         <item name="android:textStyle">bold</item>
-        <item name="android:textColor">@color/text_tile_high</item> <item name="android:layout_marginBottom">4dp</item>
+        <item name="android:textColor">@color/text_tile_low</item> <item name="android:layout_marginBottom">4dp</item>
     </style>
 
     <style name="SectionContainer">
+        <item name="android:fontFamily">@font/nunito_family</item>
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="android:orientation">vertical</item>
@@ -55,6 +60,7 @@
     </style>
 
     <style name="StatLabel">
+        <item name="android:fontFamily">@font/nunito_family</item>
         <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">wrap_content</item>
         <item name="android:textColor">@color/text_tile_low</item> <item name="android:textSize">16sp</item>