Update docs (12460)

Signed-off-by: Nester.zhou <ester.zhou@huawei.com>

en/application-dev/reference/arkui-js/js-components-common-customizing-font.md

@@ -11,8 +11,8 @@ The custom font can be loaded from the font file in a project. The font file mus
 
 ```
 @font-face {   
-  font-family: HWfont; 
-  src: url('/common/HWfont.ttf'); 
+  font-family: font; 
+  src: url('/common/font.ttf'); 
 }
 ```
 
@@ -48,10 +48,10 @@ Page style:
 ```css
 /*xxx.css*/
 @font-face {
-  font-family: HWfont;
-  src: url("/common/HWfont.ttf");
+  font-family: font;
+  src: url("/common/font.ttf");
 }
 .demo-text {
-  font-family: HWfont;
+  font-family: font;
 }
 ```

en/application-dev/reference/arkui-ts/ts-container-swiper.md

@@ -76,7 +76,7 @@ Stops an animation.
 
 **Parameters**
 
-| Name   | Type  | Mandatory.| Description|
+| Name   | Type  | Mandatory | Description|
 | --------- | ---------- | ------ | -------- |
 | callback  | () => void | No    | Callback invoked when the animation stops.|
 
@@ -88,6 +88,10 @@ onChange(event: (index: number) => void)
 
 Triggered when the index of the currently displayed child component changes.
 
+> **NOTE**
+> 
+> When the **\<Swiper>** component is used together with **LazyForEach**, the subpage UI cannot be refreshed in the **onChange** event.
+
 **Return value**
 
 | Name   |   Type   | Description|