diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..40d1635
Binary files /dev/null and b/.DS_Store differ
diff --git a/FontFace.xcodeproj/project.xcworkspace/xcuserdata/lvjun.xcuserdatad/UserInterfaceState.xcuserstate b/FontFace.xcodeproj/project.xcworkspace/xcuserdata/lvjun.xcuserdatad/UserInterfaceState.xcuserstate
index 2f77a87..51ff067 100644
Binary files a/FontFace.xcodeproj/project.xcworkspace/xcuserdata/lvjun.xcuserdatad/UserInterfaceState.xcuserstate and b/FontFace.xcodeproj/project.xcworkspace/xcuserdata/lvjun.xcuserdatad/UserInterfaceState.xcuserstate differ
diff --git a/README.md b/README.md
index 8675681..8728938 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,4 @@
 # FontFace
 Font previewer for macOS
+
+![main](./screenshots/main.jpg)
\ No newline at end of file
diff --git a/Shared/View/CharacterGraidView.swift b/Shared/View/CharacterGraidView.swift
index 08e4aea..eba7ae7 100644
--- a/Shared/View/CharacterGraidView.swift
+++ b/Shared/View/CharacterGraidView.swift
@@ -22,8 +22,10 @@ struct CharacterGraidView: View {
     ]
     
     var body: some View {
+        
+        let list = FontProvider.shared.fetchCharacterList(familyName: selectedFontFamily)
+        
         ZStack(alignment: .top) {
-            let list = FontProvider.shared.fetchCharacterList(familyName: selectedFontFamily)
             
             if list.isEmpty {
                 Text("Select a font to preview")
@@ -49,6 +51,7 @@ struct CharacterGraidView: View {
                 }
             }
         }
+        .navigationTitle(list.isEmpty ? "FontFace" : selectedFontName)
     }
     
     func empty() -> Bool {
diff --git a/screenshots/.DS_Store b/screenshots/.DS_Store
new file mode 100644
index 0000000..8098aa7
Binary files /dev/null and b/screenshots/.DS_Store differ
diff --git a/screenshots/main.jpg b/screenshots/main.jpg
new file mode 100644
index 0000000..963350d
Binary files /dev/null and b/screenshots/main.jpg differ