FreshRSS
/
FluentReader
mirror of https://github.com/yang991178/fluent-reader.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix UI font for CJK

This commit is contained in:
yusakuw 2022-01-23 00:35:49 +09:00
parent 73930f3e69
commit da84d9b2e1
4 changed files with 40 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/article/article.css vendored
View File

@ -3,7 +3,7 @@
html,
body {
margin: 0;
font-family: "Segoe UI", "Source Han Sans SC Regular", "Microsoft YaHei",
font-family: "Segoe UI", "Source Han Sans Regular",
sans-serif;
}
body {

18
dist/styles/global.css vendored
View File

@ -49,12 +49,28 @@ body.darwin {
html,
body {
background-color: transparent;
font-family: "Segoe UI", "Source Han Sans SC Regular", "Microsoft YaHei",
font-family: "Segoe UI", "Source Han Sans Regular",
sans-serif;
height: 100%;
overflow: hidden;
margin: 0;
}
body:lang(zh-CN) {
font-family: "Segoe UI", "Source Han Sans SC Regular", "Microsoft YaHei",
sans-serif;
}
body:lang(zh-TW) {
font-family: "Segoe UI", "Source Han Sans TC Regular", "Microsoft JhengHei",
sans-serif;
}
body:lang(ja) {
font-family: "Segoe UI", "Source Han Sans JP Regular", "Yu Gothic UI",
sans-serif;
}
body:lang(ko) {
font-family: "Segoe UI", "Source Han Sans KR Regular", "Malgun Gothic",
sans-serif;
}
body.win32,
body.linux {
background-color: var(--neutralLighterAlt);

14
src/scripts/models/app.ts
View File

@ -32,7 +32,7 @@ import {
selectAllArticles,
showItemFromId,
} from "./page"
import { getCurrentLocale } from "../settings"
import { getCurrentLocale, setThemeDefaultFont } from "../settings"
import locales from "../i18n/_locales"
import { SYNC_SERVICE, ServiceActionTypes } from "./service"
@ -369,10 +369,14 @@ export interface InitIntlAction {
type: typeof INIT_INTL
locale: string
}
export const initIntlDone = (locale: string): InitIntlAction => ({
type: INIT_INTL,
locale: locale,
})
export const initIntlDone = (locale: string): InitIntlAction => {
document.documentElement.lang = locale
setThemeDefaultFont(locale)
return {
type: INIT_INTL,
locale: locale,
}
}
export function initIntl(): AppThunk<Promise<void>> {
return dispatch => {

16
src/scripts/settings.ts
View File

@ -5,13 +5,13 @@ import { ThemeSettings } from "../schema-types"
import intl from "react-intl-universal"
import { SourceTextDirection } from "./models/source"
const lightTheme: IPartialTheme = {
let lightTheme: IPartialTheme = {
defaultFontStyle: {
fontFamily:
'"Segoe UI", "Source Han Sans SC Regular", "Microsoft YaHei", sans-serif',
'"Segoe UI", "Source Han Sans Regular", sans-serif',
},
}
const darkTheme: IPartialTheme = {
let darkTheme: IPartialTheme = {
...lightTheme,
palette: {
neutralLighterAlt: "#282828",
@ -41,6 +41,16 @@ const darkTheme: IPartialTheme = {
},
}
export function setThemeDefaultFont(locale: string) {
switch(locale) {
case "zh-CN": lightTheme.defaultFontStyle.fontFamily = '"Segoe UI", "Source Han Sans SC Regular", "Microsoft YaHei", sans-serif'; break
case "zh-TW": lightTheme.defaultFontStyle.fontFamily = '"Segoe UI", "Source Han Sans TC Regular", "Microsoft JhengHei", sans-serif'; break
case "ja": lightTheme.defaultFontStyle.fontFamily = '"Segoe UI", "Source Han Sans JP Regular", "Yu Gothic UI", sans-serif'; break
case "ko": lightTheme.defaultFontStyle.fontFamily = '"Segoe UI", "Source Han Sans KR Regular", "Malgun Gothic", sans-serif'; break
default: lightTheme.defaultFontStyle.fontFamily = '"Segoe UI", "Source Han Sans Regular", sans-serif'
}
applyThemeSettings()
}
export function setThemeSettings(theme: ThemeSettings) {
window.settings.setThemeSettings(theme)
applyThemeSettings()