/* 1) @font-face – jen mapování řezů, nic víc */
@font-face{ font-family:'Selawik'; src:url('/fonts/selawik/selawk.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Selawik'; src:url('/fonts/selawik/selawkl.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:'Selawik'; src:url('/fonts/selawik/selawksb.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face{ font-family:'Selawik'; src:url('/fonts/selawik/selawkb.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
/* 2) „Webový Segoe“ – preferuj nativní Segoe na Windows, Selawik jako fallback */
@font-face{
font-family:'Segoe UI Web';
src:local('Segoe UI Variable Text'), local('Segoe UI Variable'), local('Segoe UI'),
url('/fonts/selawik/selawk.woff2') format('woff2');
font-weight:400; font-style:normal; font-display:swap;
}
/* pokud používáš 300/600/700, přidej i pro ně ekvivalent s local(...) + fallback na Selawik */
:root{
/* jediný override Bootstrapu – beze změny line-height/letter-spacing */
--bs-font-sans-serif: 'Segoe UI Web','Segoe UI',Selawik,
system-ui,-apple-system,Roboto,'Helvetica Neue',Arial,sans-serif;
}
/* Nepřepisuj body ničím dalším. Žádné !important, žádný line-height, žádné letter-spacing. */
/* ==============================
1) SELAWIK – náhrada Segoe UI
============================== */
@font-face {
font-family: 'Selawik';
src: url('/fonts/selawik/selawkl.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Selawik';
src: url('/fonts/selawik/selawk.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Selawik';
src: url('/fonts/selawik/selawksb.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Selawik';
src: url('/fonts/selawik/selawkb.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* ======================================
2) SEGOE UI WEB – lokální + fallback
====================================== */
@font-face {
font-family: 'Segoe UI Web';
src: local('Segoe UI Light'),
url('/fonts/selawik/selawkl.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segoe UI Web';
src: local('Segoe UI Variable Text'),
local('Segoe UI Variable'),
local('Segoe UI'),
url('/fonts/selawik/selawk.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segoe UI Web';
src: local('Segoe UI Semibold'),
url('/fonts/selawik/selawksb.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Segoe UI Web';
src: local('Segoe UI Bold'),
url('/fonts/selawik/selawkb.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* =====================================
3) Bootstrap override + globální nastavení
===================================== */
:root {
--bs-font-sans-serif: 'Segoe UI Web', 'Segoe UI', Selawik,
system-ui, -apple-system, Roboto,
'Helvetica Neue', Arial, sans-serif;
}
/* Globální nastavení písma */
body {
font-family: var(--bs-font-sans-serif);
font-synthesis: none; /* zabrání „falešnému“ boldu/italic */
}
/* =====================================
4) Volitelné preload do :
-------------------------------------
===================================== */