diff --git a/Css/main.css b/Css/main.css index 036f6fd..9a0653d 100644 --- a/Css/main.css +++ b/Css/main.css @@ -35,10 +35,15 @@ } @font-face { - font-family: SourceCodePro-Regular; - src: url(../Fonts/SourceCodePro-Regular.woff2) format('woff'); + font-family: Orbitron-Medium; + src: url(../Fonts/Orbitron Medium.woff2) format('woff'); } +/*@font-face { + font-family: SourceSansVariable-Roman; + src: url(../Fonts/SourceSansVariable-Roman.woff2) format('woff'); +}*/ + @-webkit-keyframes smallbounce { from { transform: translate(0, 5px); } to { transform: translate(0, -5px); } @@ -66,6 +71,10 @@ body { margin: 0; } #text-container { color: white; position: absolute; margin: auto; height: 750px; width: 1334px; font-family: 'FOT-RodinNTLGPro'; } +#text-container.eng { font-family: 'FOT-RodinNTLGPro'; } + +#text-container.jpn { font-family: 'FOT-RodinNTLGPro'; } + #text-container #fullscreen-button { position: absolute; top: 0.5rem; left: 0.5rem; font-size: 30px; line-height: 30px; opacity: 0.35; z-index: 11; } #text-container #title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 20px; transition: opacity 0.3s; cursor: default; user-select: none; } diff --git a/Js/Main.js b/Js/Main.js index 1b02570..d108182 100644 --- a/Js/Main.js +++ b/Js/Main.js @@ -104,6 +104,7 @@ function loadLocalStorage() { if(languages.includes(lang)) { selectedLang = lang; } + document.getElementById('text-container').className = selectedLang; utage.setTranslationLanguage(selectedLang, '') .then((success) => { languagesLoaded = true; @@ -300,6 +301,7 @@ function languageChanged(event) { } utage.setTranslationLanguage(selectedLang, missionPath) .then((success) => { + document.getElementById('text-container').className = selectedLang; buildMissionSelectList(); localStorage.setItem('language', selectedLang); }); diff --git a/Player.html b/Player.html index 4056151..9fb4a98 100644 --- a/Player.html +++ b/Player.html @@ -1,7 +1,9 @@ + +