[update] update the tips for RTL&LTR in readme file

This commit is contained in:
PrinOrange
2024-08-12 12:05:59 +08:00
parent ec50c6e770
commit ff2bbb0326
2 changed files with 40 additions and 0 deletions

View File

@@ -169,6 +169,26 @@ npm run archive
### 一些问题 ### 一些问题
#### RTL & LTR
本项目默认布局为 LTR。不过本项目也支持 RTL 布局。如果您使用的是阿拉伯语、波斯语、希伯来语等,请手动修改 [\_document.tsx](./pages/_document.tsx),如下所示。
将 Html 标签
```tsx
<Html dir="ltr" lang="en">
{....}
</Html>
```
更改为
```tsx
<Html dir="rtl" lang="en">
{....}
</Html>
```
#### 字体 #### 字体
经过大量的实践验证,本站使用中文和英文作为主要文字,因此,本项目使用 **方正小标宋(非商业用途)、思源屏显臻宋** 作为字体资源它们在移动端、PC 端的屏幕上均有不错的显示效果,所以分别作为正式标题和正文的字体。 经过大量的实践验证,本站使用中文和英文作为主要文字,因此,本项目使用 **方正小标宋(非商业用途)、思源屏显臻宋** 作为字体资源它们在移动端、PC 端的屏幕上均有不错的显示效果,所以分别作为正式标题和正文的字体。

View File

@@ -172,6 +172,26 @@ To execute, simply run the script and specify the directory where you want to st
### FAQ ### FAQ
#### RTL & LTR
The default layout of this project is LTR. However, this project also supports RTL layout. If you are using Arabic, Persian, Hebrew, etc., please modify [\_document.tsx](./pages/_document.tsx) manually as following.
Change the Html tag
```tsx
<Html dir="ltr" lang="en">
{....}
</Html>
```
Into
```tsx
<Html dir="rtl" lang="en">
{....}
</Html>
```
#### Fonts #### Fonts
After extensive practical testing, this site primarily uses Chinese and English texts. Therefore, this project employs **Fangzheng Xiaobiaosong (for non-commercial use) and Source Han Serif Screen** as font resources. They display well on both mobile and PC screens, hence are used respectively for official titles and main text. After extensive practical testing, this site primarily uses Chinese and English texts. Therefore, this project employs **Fangzheng Xiaobiaosong (for non-commercial use) and Source Han Serif Screen** as font resources. They display well on both mobile and PC screens, hence are used respectively for official titles and main text.