﻿/* Local fonts.css - include only the font-faces actually used in the app to reduce size.
   Download woff2 files into wwwroot/fonts/ (names shown as examples).
   Use https://google-webfonts-helper.herokuapp.com/fonts to get proper @font-face declarations and woff2 files. */

/* Inter (example weights) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/inter-v3-latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/inter-v3-latin-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/inter-v3-latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/inter-v3-latin-700.woff2') format('woff2');
}

/* Noto Sans TC (Traditional Chinese) - example */
@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/noto-sans-tc-v2-300.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/noto-sans-tc-v2-400.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans TC';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/noto-sans-tc-v2-700.woff2') format('woff2');
}

/* Noto Sans SC (Simplified Chinese) - map to actual file in wwwroot/fonts */
@font-face {
    font-family: 'Noto Sans SC';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Noto-Sans-SC.woff2') format('woff2');
}

/* Noto Sans JP (Japanese) */
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Noto-Sans-JP.woff2') format('woff2');
}

/* Noto Sans KR (Korean) */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Noto-Sans-KR.woff2') format('woff2');
}

/* Fallback tweaks */
html, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
