feat: add LXGW WenKai to serif fonts list (#722)

2025-03-27 00:28:14 +08:00
parent 8b7e3c6f79
commit 3239ff0a80
22 changed files with 59 additions and 32 deletions
@@ -259,5 +259,6 @@
  "Note": "ملاحظة",
  "Copied to clipboard": "تم النسخ إلى الحافظة",
  "Export Annotations": "تصدير التعليقات",
-  "Auto Import on File Open": "استيراد تلقائي عند فتح الملف"
+  "Auto Import on File Open": "استيراد تلقائي عند فتح الملف",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Notiz",
  "Copied to clipboard": "In die Zwischenablage kopiert",
  "Export Annotations": "Anmerkungen exportieren",
-  "Auto Import on File Open": "Automatischer Import beim Öffnen einer Datei"
+  "Auto Import on File Open": "Automatischer Import beim Öffnen einer Datei",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Σημείωση",
  "Copied to clipboard": "Αντιγράφηκε στο πρόχειρο",
  "Export Annotations": "Εξαγωγή σχολιασμών",
-  "Auto Import on File Open": "Αυτόματη εισαγωγή κατά το άνοιγμα αρχείου"
+  "Auto Import on File Open": "Αυτόματη εισαγωγή κατά το άνοιγμα αρχείου",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -1 +1,3 @@
-{}
+{
+  "LXGW WenKai GB Screen": "LXGW WenKai"
+}
@@ -259,5 +259,6 @@
  "Note": "Nota",
  "Copied to clipboard": "Copiado al portapapeles",
  "Export Annotations": "Exportar anotaciones",
-  "Auto Import on File Open": "Importación automática al abrir archivo"
+  "Auto Import on File Open": "Importación automática al abrir archivo",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Note",
  "Copied to clipboard": "Copié dans le presse-papiers",
  "Export Annotations": "Exporter les annotations",
-  "Auto Import on File Open": "Importation automatique à l'ouverture du fichier"
+  "Auto Import on File Open": "Importation automatique à l'ouverture du fichier",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "टिप्पणी",
  "Copied to clipboard": "क्लिपबोर्ड पर कॉपी किया गया",
  "Export Annotations": "टिप्पणियाँ निर्यात करें",
-  "Auto Import on File Open": "फ़ाइल खोलने पर स्वचालित आयात"
+  "Auto Import on File Open": "फ़ाइल खोलने पर स्वचालित आयात",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Catatan",
  "Copied to clipboard": "Disalin ke papan klip",
  "Export Annotations": "Ekspor Anotasi",
-  "Auto Import on File Open": "Impor Otomatis saat File Dibuka"
+  "Auto Import on File Open": "Impor Otomatis saat File Dibuka",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Nota",
  "Copied to clipboard": "Copiato negli appunti",
  "Export Annotations": "Esporta annotazioni",
-  "Auto Import on File Open": "Importazione automatica all'apertura del file"
+  "Auto Import on File Open": "Importazione automatica all'apertura del file",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "メモ",
  "Copied to clipboard": "クリップボードにコピー",
  "Export Annotations": "注釈をエクスポート",
-  "Auto Import on File Open": "ファイルを開くと自動インポート"
+  "Auto Import on File Open": "ファイルを開くと自動インポート",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "노트",
  "Copied to clipboard": "클립보드에 복사",
  "Export Annotations": "주석 내보내기",
-  "Auto Import on File Open": "파일 열 때 자동 가져오기"
+  "Auto Import on File Open": "파일 열 때 자동 가져오기",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Notatka",
  "Copied to clipboard": "Skopiowano do schowka",
  "Export Annotations": "Eksportuj adnotacje",
-  "Auto Import on File Open": "Automatyczne importowanie przy otwieraniu pliku"
+  "Auto Import on File Open": "Automatyczne importowanie przy otwieraniu pliku",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Nota",
  "Copied to clipboard": "Copiado para a área de transferência",
  "Export Annotations": "Exportar Anotações",
-  "Auto Import on File Open": "Importação Automática ao Abrir Arquivo"
+  "Auto Import on File Open": "Importação Automática ao Abrir Arquivo",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Заметка",
  "Copied to clipboard": "Скопировано в буфер обмена",
  "Export Annotations": "Экспортировать аннотации",
-  "Auto Import on File Open": "Автоматический импорт при открытии файла"
+  "Auto Import on File Open": "Автоматический импорт при открытии файла",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Not",
  "Copied to clipboard": "Panoya kopyalandı",
  "Export Annotations": "Notları Dışa Aktar",
-  "Auto Import on File Open": "Dosya Açıldığında Otomatik İçe Aktar"
+  "Auto Import on File Open": "Dosya Açıldığında Otomatik İçe Aktar",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Примітка",
  "Copied to clipboard": "Скопійовано в буфер обміну",
  "Export Annotations": "Експортувати анотації",
-  "Auto Import on File Open": "Автоматичний імпорт при відкритті файлу"
+  "Auto Import on File Open": "Автоматичний імпорт при відкритті файлу",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "Ghi chú",
  "Copied to clipboard": "Đã sao chép vào bảng ghi",
  "Export Annotations": "Xuất chú thích",
-  "Auto Import on File Open": "Tự động nhập khi mở tệp"
+  "Auto Import on File Open": "Tự động nhập khi mở tệp",
+  "LXGW WenKai GB Screen": "LXGW WenKai"
 }
@@ -259,5 +259,6 @@
  "Note": "笔记",
  "Copied to clipboard": "已复制到剪贴板",
  "Export Annotations": "导出笔记",
-  "Auto Import on File Open": "打开文件时自动导入"
+  "Auto Import on File Open": "打开文件时自动导入",
+  "LXGW WenKai GB Screen": "霞鹜文楷"
 }
@@ -259,5 +259,6 @@
  "Note": "筆記",
  "Copied to clipboard": "已複製到剪貼板",
  "Export Annotations": "匯出筆記",
-  "Auto Import on File Open": "打開文件時自動導入"
+  "Auto Import on File Open": "打開文件時自動導入",
+  "LXGW WenKai GB Screen": "霞鶩文楷"
 }
@@ -44,19 +44,22 @@ const FontFace = ({
  moreOptions,
  selected,
  onSelect,
-}: FontFaceProps) => (
-  <div className={clsx('config-item', className)}>
-    <span className=''>{label}</span>
-    <FontDropdown
-      family={family}
-      options={options.map((option) => ({ option, label: option }))}
-      moreOptions={moreOptions?.map((option) => ({ option, label: option })) ?? []}
-      selected={selected}
-      onSelect={onSelect}
-      onGetFontFamily={handleFontFaceFont}
-    />
-  </div>
-);
+}: FontFaceProps) => {
+  const _ = useTranslation();
+  return (
+    <div className={clsx('config-item', className)}>
+      <span className=''>{label}</span>
+      <FontDropdown
+        family={family}
+        options={options.map((option) => ({ option, label: _(option) }))}
+        moreOptions={moreOptions?.map((option) => ({ option, label: option })) ?? []}
+        selected={selected}
+        onSelect={onSelect}
+        onGetFontFamily={handleFontFaceFont}
+      />
+    </div>
+  );
+};

 const FontPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
  const _ = useTranslation();
@@ -11,6 +11,7 @@ import {
 import { ReadSettings, SystemSettings } from '@/types/settings';
 import { UserStorageQuota } from '@/types/user';
 import { getDefaultMaxBlockSize, getDefaultMaxInlineSize } from '@/utils/config';
+import { stubTranslation as _ } from '@/utils/misc';

 export const LOCAL_BOOKS_SUBDIR = 'Readest/Books';
 export const CLOUD_BOOKS_SUBDIR = 'Readest/Books';
@@ -107,6 +108,7 @@ export const DEFAULT_BOOK_STYLE: BookStyle = {
 export const DEFAULT_MOBILE_VIEW_SETTINGS: Partial<ViewSettings> = {
  fullJustification: false,
  animated: true,
+  defaultFont: 'Sans-serif',
 };

 export const DEFAULT_CJK_VIEW_SETTINGS: Partial<ViewSettings> = {
@@ -140,6 +142,7 @@ export const SERIF_FONTS = [
  'Vollkorn',
  'Georgia',
  'Times New Roman',
+  _('LXGW WenKai GB Screen'),
 ];

 export const SANS_SERIF_FONTS = ['Roboto', 'Noto Sans', 'Open Sans', 'Helvetica', 'Arial'];
@@ -76,6 +76,7 @@ const getFontStyles = (

 const getAdditionalFontLinks = () => `
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/misans-webfont@1.0.4/misans-l3/misans-l3/result.min.css" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cn-fontsource-lxgw-wen-kai-gb-screen@1.0.6/font.min.css" crossorigin="anonymous">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap" crossorigin="anonymous">
 `;