techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change from tiktok to noto sans

Browse Source
This commit is contained in:
Techit Thawiang
2025-07-25 17:08:02 +07:00
parent e29bb4a851
commit 720c853b31
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+7 -9
View File
@@ -58,20 +58,20 @@
--color-mc-container-top: 90, 91, 92; --color-mc-container-top: 90, 91, 92;
--color-mc-container-bottom: 50, 51, 52; --color-mc-container-bottom: 50, 51, 52;
--font-sans: TikTokSans, NotoSansThai, sans-serif; --font-sans: NotoSansVariable, NotoSansThai, sans-serif;
--font-mono: RobotoMono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-mono: NotoSansMono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--font-display--font-variation-settings: "wdth" 75;
--ease-fluid: 0.2, 0, 0, 1; --ease-fluid: 0.2, 0, 0, 1;
--ease-fluid-in: .6, .2, .7, .4; --ease-fluid-in: .6, .2, .7, .4;
} }
@supports (font-variation-settings: normal) { @supports (font-variation-settings: normal) {
:root { :root {
--font-sans: TikTokSansVariable, NotoSansThaiVariable, sans-serif; --font-sans: NotoSansVariable, NotoSansThaiVariable, sans-serif;
--font-monospace: NotoSansMonoVariable, NotoSansThaiVariable, sans-serif;
font-optical-sizing: auto; font-optical-sizing: auto;
font-variation-settings: font-variation-settings:
"slnt" 0, "slnt" 0,
"wdth" 92.5; "wdth" 100;
} }
} }
.dark-mode { .dark-mode {
@@ -121,8 +121,8 @@ body,main {
margin: 0; margin: 0;
color: var(--ui-text-muted); color: var(--ui-text-muted);
background-color: var(--ui-bg); background-color: var(--ui-bg);
font-size: 20px; /* font-size: 20px;
line-height: 1.35; line-height: 1.35; */
font-weight: 500; font-weight: 500;
} }
.web-header, .web-footer, main, footer { .web-header, .web-footer, main, footer {
@@ -173,14 +173,12 @@ p {
} }
.font-hero { .font-hero {
@apply text-6xl sm:text-7xl md:text-8xl font-bold my-[.2em]; @apply text-6xl sm:text-7xl md:text-8xl font-bold my-[.2em];
font-variation-settings: 'wdth' 125;
} }
.font-hero-desc { .font-hero-desc {
@apply text-2xl font-medium; @apply text-2xl font-medium;
} }
.web-title { .web-title {
@apply text-5xl sm:text-6xl my-[.2em] transition-[color] ease-fluid duration-100; @apply text-5xl sm:text-6xl my-[.2em] transition-[color] ease-fluid duration-100;
font-variation-settings: 'wdth' 125;
a { a {
cursor: pointer; cursor: pointer;
} }
nuxt.config.ts
+6 -4
View File
@@ -54,13 +54,15 @@ export default defineNuxtConfig({
viewport: 'width=device-width, initial-scale=1', viewport: 'width=device-width, initial-scale=1',
link: [ link: [
{ rel: 'icon', type: 'image/vnd.microsoft.icon', href: '/favicon.ico' }, { rel: 'icon', type: 'image/vnd.microsoft.icon', href: '/favicon.ico' },
// { rel: 'stylesheet', href: '/style.css' },
// TYPEFACES // TYPEFACES
//{ rel: 'stylesheet', href: '/style.css' },
// { rel: 'stylesheet', href: '/fonts/roboto/roboto.css' }, // { rel: 'stylesheet', href: '/fonts/roboto/roboto.css' },
{ rel: 'stylesheet', href: '/fonts/tiktoksans/tiktoksans.css' }, // { rel: 'stylesheet', href: '/fonts/tiktoksans/tiktoksans.css' },
{ rel: 'stylesheet', href: '/fonts/roboto/mono/mono.css' }, { rel: 'stylesheet', href: '/fonts/noto/thai/noto+sans.css' },
{ rel: 'stylesheet', href: '/fonts/noto/mono/noto+sans+mono.css' },
// { rel: 'stylesheet', href: '/fonts/roboto/mono/mono.css' },
// { rel: 'stylesheet', href: '/fonts/roboto/serif/serif.css' }, // { rel: 'stylesheet', href: '/fonts/roboto/serif/serif.css' },
{ rel: 'stylesheet', href: '/fonts/noto/thai/thai.css' }, { rel: 'stylesheet', href: '/fonts/noto/thai/noto+sans+thai.css' },
], ],
script: [ script: [
//{ src: '/js/ripple.js', type: 'text/javascript', defer: true } //{ src: '/js/ripple.js', type: 'text/javascript', defer: true }