diff --git a/docs/Samples/RegisterFont/README.md b/docs/Samples/RegisterFont/README.md
index ae67974077d7acb4299a54908e9e281ee839b220..39a2f0c0f96fae285f27bc5005e483824276263a 100644
--- a/docs/Samples/RegisterFont/README.md
+++ b/docs/Samples/RegisterFont/README.md
@@ -1,6 +1,6 @@
 ### README
 
-这个项目包含了两个演示：一个演示RN侧注册字体的方法，另一个演示原生侧使用字体的效果。
+这个项目包含了两个演示：一个演示 RN 侧注册字体的方法，另一个演示原生侧使用字体的效果。
 
 #### 目录结构
 
@@ -17,11 +17,11 @@
 #### OpenHarmony 侧
 
 1. **fontResourceByFontFamily**: 常规注册字体方法，创建实例时注册
-2. **rnInstance.registerFont**: 找到对应的rnInstance可随时注册字体
+2. **rnInstance.registerFont**: 找到对应的 rnInstance 可随时注册字体
 
 #### React Native 侧
 
-1. **使用字体文件**: 使用 `example.tsx` 中的代码，直接使用OpenHarmony 侧注册的字体
+1. **使用字体文件**: 使用 `example.tsx` 中的代码，直接使用 OpenHarmony 侧注册的字体
 
 #### 运行步骤
 
@@ -33,6 +33,10 @@
 6. 确保鸿蒙和 rn 侧依赖下载无缺，版本配套正常；
 7. 打开生成的 app 来确认文件已正确加载。
 
+#### 加载预期效果
+
+![alt text](preview.png)
+
 #### 注意事项
 
 - 确保 OpenHarmony 和 React Native 项目配置正确，以便文件可以在两个系统之间无缝传递与加载。
diff --git a/docs/Samples/RegisterFont/preview.png b/docs/Samples/RegisterFont/preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6793e7c420b9e19bd9216b4e10b695d950f604b
Binary files /dev/null and b/docs/Samples/RegisterFont/preview.png differ
diff --git a/docs/Samples/Sandbox/README.md b/docs/Samples/Sandbox/README.md
index b9b290711ea0670926890b93052c7889df1af59e..d2689f50ca2b0e00080552bc925b872eb84530dd 100644
--- a/docs/Samples/Sandbox/README.md
+++ b/docs/Samples/Sandbox/README.md
@@ -33,6 +33,10 @@ This project includes two demos. One demonstrates how to push raw files to the s
 6. Ensure that the dependency downloaded on the Harmony and RN sides is complete and the version mapping is normal.
 7. Open the generated app and check whether the file is correctly loaded.
 
+#### Load expected effect
+
+![alt text](preview.png)
+
 #### Notes
 
 - Ensure that the OpenHarmony and React Native projects are correctly configured so that files can be seamlessly transferred and loaded between the two systems.
diff --git a/docs/Samples/Sandbox/README_zh.md b/docs/Samples/Sandbox/README_zh.md
index bf4d18e9d543a267605c386f15dddfcaea8865bb..b8b44dff2484c27ac722c39b1938497289de28b1 100644
--- a/docs/Samples/Sandbox/README_zh.md
+++ b/docs/Samples/Sandbox/README_zh.md
@@ -33,6 +33,10 @@
 6. 确保鸿蒙和 rn 侧依赖下载无缺，版本配套正常；
 7. 打开生成的 app 来确认文件已正确加载。
 
+#### 加载预期效果
+
+![alt text](preview.png)
+
 #### 注意事项
 
 - 确保 OpenHarmony 和 React Native 项目配置正确，以便文件可以在两个系统之间无缝传递与加载。
diff --git a/docs/Samples/Sandbox/preview.png b/docs/Samples/Sandbox/preview.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb6bb51d62761f05a73aac2d5a49c02aa9bb0dad
Binary files /dev/null and b/docs/Samples/Sandbox/preview.png differ