update: font and style

MakinoharaShoko · MakinoharaShoko · commit 04119cc2ed91 · 2026-04-01T22:34:53.000+08:00
diff --git a/packages/webgal/public/game/scene/demo_zh_cn.txt b/packages/webgal/public/game/scene/demo_zh_cn.txt
@@ -25,7 +25,7 @@ pixiPerform:snow;
 pixiInit;
 WebGAL:接下来介绍一些新版本功能！
 WebGAL:比如这个[注](zhù)[音](yīn)功能，可以为游戏带来更好的体验！
-WebGAL:我们也支持了[文本拓展语法](style=color:#B5495B\;)，可以为[文](wen)[本](ben)带来[富文本支持](style-alltext=font-style:italic\; style=color:#66327C\;)、交互等特性。
+WebGAL:我们也支持了[文本拓展语法](style=color:#B5495B\; style-alltext=-webkit-text-stroke-color:#ffffff\;)，可以为[文](wen)[本](ben)带来[富文本支持](style-alltext=font-style:italic\;-webkit-text-stroke-color:#ffffff\; style=color:#66327C\;)、交互等特性。
 WebGAL:新版本添加了特性：获取用户输入，你要尝试一下吗？
 choose:尝试一下:userInput|算了吧:toNextPart;
 
diff --git a/packages/webgal/public/game/template/Stage/TextBox/textbox.scss b/packages/webgal/public/game/template/Stage/TextBox/textbox.scss
@@ -55,7 +55,7 @@
   white-space: nowrap;
   left: 0;
   top: 0;
-  background-image: linear-gradient(#005CAF 0%, #1D1D1F 100%);
+  background-image: linear-gradient(180deg, #ffffff 0%, #f5f5f5 40%, #ebebeb 55%, #f8f8f8 100%);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
@@ -67,7 +67,9 @@
   position: absolute;
   left: 0;
   top: 0;
-  -webkit-text-stroke: 0.1em rgba(255, 255, 255, 1);
+  -webkit-text-stroke: 0.12em #2e2312;
+  text-shadow: 0.05em 0.05em 0.02em rgba(0, 0, 0, 0.85),
+    0.05em 0.05em 0.03em rgba(0, 0, 0, 0.5);
   z-index: 1;
 }
 
@@ -105,7 +107,8 @@
   border-image: linear-gradient(
       to right,
       rgba(255, 255, 255, 0.2) 0%,
-      rgba(255, 255, 255, 0.85) 5%,
+      rgba(255, 255, 255, 0.95) 5%,
+      rgba(255, 255, 255, 0) 50%,
       rgba(255, 255, 255, 0) 100%
     )
     1;
@@ -153,18 +156,21 @@
   position: absolute;
   left: 0;
   top: 0;
-  color: #0B346E;
+  background-image: linear-gradient(180deg, #ffffff 0%, #f5f5f5 40%, #ebebeb 55%, #f8f8f8 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
   z-index: 2;
-  text-shadow: 0 2px 8px rgba(255, 255, 255, 0.35), 0 2px 6px rgba(0, 0, 0, 0.18);
 }
 
 .innerName {
   position: absolute;
   left: 0;
   top: 0;
-  -webkit-text-stroke: 0.08em rgba(255, 255, 255, 0.98);
+  -webkit-text-stroke: 0.12em #2e2312;
+  text-shadow: 0.05em 0.05em 0.02em rgba(0, 0, 0, 0.85),
+    0.05em 0.05em 0.03em rgba(0, 0, 0, 0.5);
   z-index: 1;
-  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
 }
 
 .text {
diff --git a/packages/webgal/public/game/template/UI/Title/title.scss b/packages/webgal/public/game/template/UI/Title/title.scss
@@ -6,7 +6,7 @@
 }
 
 .Title_buttonList {
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   display: flex;
   position: absolute;
   left: 0;
@@ -50,7 +50,7 @@
   display: inline-block;
   padding: 0.08em 0.55em 0.12em 0.35em;
   font-size: 200%;
-  font-family: WebgalUI, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+  font-family: '资源圆体', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   letter-spacing: 0.16em;
   line-height: 1.2;
   transform-origin: left center;
diff --git a/packages/webgal/src/Core/util/fonts/fontOptions.ts b/packages/webgal/src/Core/util/fonts/fontOptions.ts
@@ -2,6 +2,11 @@ import { FontOption } from '@/store/guiInterface';
 import { TemplateFontDescriptor } from '@/types/template';
 
 export const DEFAULT_FONT_OPTIONS: FontOption[] = [
+  {
+    family: `'资源圆体', serif`,
+    source: 'default',
+    labelKey: 'textFont.options.resourceHanRounded',
+  },
   {
     family: `'思源宋体', serif`,
     source: 'default',
@@ -12,14 +17,9 @@ export const DEFAULT_FONT_OPTIONS: FontOption[] = [
     source: 'default',
     labelKey: 'textFont.options.SimHei',
   },
-  {
-    family: `'LXGW', serif`,
-    source: 'default',
-    labelKey: 'textFont.options.lxgw',
-  },
 ];
 
-export const FALLBACK_FONT_FAMILY = DEFAULT_FONT_OPTIONS[1].family;
+export const FALLBACK_FONT_FAMILY = DEFAULT_FONT_OPTIONS[2].family;
 
 export function buildFontOptionsFromTemplate(fonts: TemplateFontDescriptor[]): FontOption[] {
   const templateOptions: FontOption[] = fonts.map((font) => ({
diff --git a/packages/webgal/src/Stage/FullScreenPerform/fullScreenPerform.module.scss b/packages/webgal/src/Stage/FullScreenPerform/fullScreenPerform.module.scss
@@ -76,13 +76,13 @@
 .fadeIn {
   opacity: 0;
   animation: intro_showSoftly 1.5s ease-out forwards;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
 }
 
 .slideIn {
   opacity: 0;
   animation: slideIn 1.5s forwards;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
 }
 
 .typingEffect {
@@ -91,19 +91,19 @@
   white-space: pre-line;
   width: 0;
   animation: typing 1.5s forwards, blinkCursor 1s infinite 1.5s;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
 }
 
 .pixelateEffect {
   opacity: 0;
   animation: pixelateAnimation 3s forwards;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
 }
 
 .revealAnimation {
   opacity: 0;
   animation: revealAnimation 3s forwards;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
 }
 
 @keyframes intro_showSoftly {
diff --git a/packages/webgal/src/Stage/TextBox/textboxFilm.module.scss b/packages/webgal/src/Stage/TextBox/textboxFilm.module.scss
@@ -7,7 +7,7 @@
 }
 
 .TextBox_main {
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   font-style: italic;
   position: absolute;
   z-index: 6;
diff --git a/packages/webgal/src/UI/Backlog/backlog.module.scss b/packages/webgal/src/UI/Backlog/backlog.module.scss
@@ -74,6 +74,7 @@
 }
 
 .backlog_content {
+  font-family: "资源圆体", serif;
   position: absolute;
   height: 80%;
   padding: 1em 10em 1em 10em;
diff --git a/packages/webgal/src/UI/Extra/extra.module.scss b/packages/webgal/src/UI/Extra/extra.module.scss
@@ -113,14 +113,14 @@
 
 .bgmName {
   color: rgba(255, 255, 255, 0.8);
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   font-size: 155%;
   margin: 5px 5px 0 15px;
   overflow: hidden;
 }
 
 .bgmElement {
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   padding: 0.5em 1em 0.5em 1em;
   overflow: hidden;
   background-color: rgba(0, 0, 0, 0.1);
diff --git a/packages/webgal/src/UI/GlobalDialog/globalDialog.module.scss b/packages/webgal/src/UI/GlobalDialog/globalDialog.module.scss
@@ -11,7 +11,7 @@
   justify-content: center;
   align-items: center;
   //font-family: "WebgalUI", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
 }
 
 .glabalDialog_container_inner {
diff --git a/packages/webgal/src/UI/Menu/SaveAndLoad/SaveAndLoad.module.scss b/packages/webgal/src/UI/Menu/SaveAndLoad/SaveAndLoad.module.scss
@@ -141,7 +141,7 @@
 
 
 .Save_Load_content_element_top {
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   width: 100%;
   height: 12%;
   display: flex;
diff --git a/packages/webgal/src/UI/Translation/translation.module.scss b/packages/webgal/src/UI/Translation/translation.module.scss
@@ -18,7 +18,7 @@
 .lang {
   width: 100%;
   text-align: center;
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   color: transparent;
   font-size: 300%;
   background: linear-gradient(150deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 75%, #51A8DD 100%);
@@ -32,7 +32,7 @@
 }
 
 .langSelectButton{
-  font-family: "思源宋体", serif;
+  font-family: "资源圆体", serif;
   cursor: pointer;
   font-size: 200%;
   color: #FFFFFF;
diff --git a/packages/webgal/src/assets/fonts/LICENSE-ResourceHanRounded b/packages/webgal/src/assets/fonts/LICENSE-ResourceHanRounded
@@ -0,0 +1,132 @@
+License for Resource Han Rounded
+=================================
+
+The Code: MIT License
+
+Copyright © 2018—2022 Cyano Hao.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+
+The Resources: Public Domain
+
+This applies to files placed in res/.
+
+Note that authors still hold moral rights. Attribution required (look for git
+author or committer field if not specified).
+
+
+The Fonts: SIL Open Font License, Version 1.1
+
+Copyright © 2018—2022 Cyano Hao.
+Portions © 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name
+'Source'.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply to any
+document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components
+as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to
+a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical writer
+or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in
+   Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+   redistributed and/or sold with any software, provided that each copy
+   contains the above copyright notice and this license. These can be
+   included either as stand-alone text files, human-readable headers or
+   in the appropriate machine-readable metadata fields within text or
+   binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+   Name(s) unless explicit written permission is granted by the
+   corresponding Copyright Holder. This restriction only applies to the
+   primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+   Software shall not be used to promote, endorse or advertise any
+   Modified Version, except to acknowledge the contribution(s) of the
+   Copyright Holder(s) and the Author(s) or with their explicit written
+   permission.
+
+5) The Font Software, modified or unmodified, in part or in whole, must
+   be distributed entirely under this license, and must not be
+   distributed under any other license. The requirement for fonts to
+   remain under this license does not apply to any document created using
+   the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF
+COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER
+DEALINGS IN THE FONT SOFTWARE.
diff --git a/packages/webgal/src/assets/fonts/ResourceHanRoundedCN-Regular.ttf b/packages/webgal/src/assets/fonts/ResourceHanRoundedCN-Regular.ttf
diff --git a/packages/webgal/src/index.scss b/packages/webgal/src/index.scss
@@ -3,13 +3,13 @@
 @import 'Core/util/constants';
 
 @font-face {
-  font-family: '思源宋体';
-  src: url('assets/fonts/SourceHanSerifCN-Regular.ttf') format('truetype');
+  font-family: '资源圆体';
+  src: url('assets/fonts/ResourceHanRoundedCN-Regular.ttf') format('truetype');
 }
 
 @font-face {
-  font-family: 'LXGW';
-  src: url('assets/fonts/LXGWWenKai-Regular.ttf') format('truetype');
+  font-family: '思源宋体';
+  src: url('assets/fonts/SourceHanSerifCN-Regular.ttf') format('truetype');
 }
 
 @font-face {
diff --git a/packages/webgal/src/store/userDataReducer.ts b/packages/webgal/src/store/userDataReducer.ts
@@ -33,7 +33,7 @@ const initialOptionSet: IOptionData = {
   textboxFont: 0,
   textboxOpacity: 75,
   language: language.zhCn,
-  voiceInterruption: voiceOption.yes,
+  voiceInterruption: voiceOption.no,
   fullScreen: fullScreenOption.off,
 };
 
diff --git a/packages/webgal/src/translations/de.ts b/packages/webgal/src/translations/de.ts
@@ -82,9 +82,9 @@ const de = {
             textFont: {
               title: 'Schriftart',
               options: {
+                resourceHanRounded: 'Resource Han Rounded',
                 siYuanSimSun: 'Source Han Serif',
                 SimHei: 'Sans',
-                lxgw: 'LXGW WenKai',
               },
             },
             textboxOpacity: {
diff --git a/packages/webgal/src/translations/en.ts b/packages/webgal/src/translations/en.ts
diff --git a/packages/webgal/src/translations/fr.ts b/packages/webgal/src/translations/fr.ts
diff --git a/packages/webgal/src/translations/jp.ts b/packages/webgal/src/translations/jp.ts
diff --git a/packages/webgal/src/translations/zh-cn.ts b/packages/webgal/src/translations/zh-cn.ts
diff --git a/packages/webgal/src/translations/zh-tw.ts b/packages/webgal/src/translations/zh-tw.ts

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.TextBox_main {`
`10`		`- font-family: "思源宋体", serif;`
	`10`	`+ font-family: "资源圆体", serif;`
`11`	`11`	`font-style: italic;`
`12`	`12`	`position: absolute;`
`13`	`13`	`z-index: 6;`
Original file line number	Diff line number	Diff line change
`@@ -74,6 +74,7 @@`
`74`	`74`	`}`
`75`	`75`
`76`	`76`	`.backlog_content {`
	`77`	`+ font-family: "资源圆体", serif;`
`77`	`78`	`position: absolute;`
`78`	`79`	`height: 80%;`
`79`	`80`	`padding: 1em 10em 1em 10em;`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`	`justify-content: center;`
`12`	`12`	`align-items: center;`
`13`	`13`	`//font-family: "WebgalUI", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;`
`14`		`- font-family: "思源宋体", serif;`
	`14`	`+ font-family: "资源圆体", serif;`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.glabalDialog_container_inner {`