/* ==================== (A) Fonts ==================== */ @font-face { font-family: "GoudyAcc"; src: url('../fonts/goudyacc.ttf') format("truetype"); } @font-face { font-family: "MedievalSharp"; src: url('../fonts/MedievalSharp.ttf') format("truetype"); } @font-face { font-family: "GrenzeGotisch"; src: url('../fonts/GrenzeGotisch-Regular.ttf') format("truetype"); } @font-face { font-family: "Fondamento"; src: url('../fonts/Fondamento.ttf') format("truetype"); } @font-face { font-family: "CaslonAntique"; src: url('../fonts/CaslonAntique.ttf') format("truetype"); } @font-face { font-family: 'HeuresDraconiques'; src: url('../fonts/heuresdraconiques2.woff') format('woff'), url('../fonts/heuresdraconiques2.woff2') format('woff2'), url('../fonts/heuresdraconiques2.ttf') format('truetype'); font-weight: normal; font-style: normal; } :root { /* =================== 1. ACTOR SHEET FONT STYLES =========== */ --window-header-title-font-family: CaslonAntique; --window-header-title-font-size: 1.6rem; --window-header-title-font-weight: normal; --window-header-title-color: #f5f5f5; --major-button-font-family: CaslonAntique; --major-button-font-size: 1.4rem; --major-button-font-weight: normal; --major-button-color: #dadada; --tab-header-font-family: CaslonAntique; --tab-header-font-size: 1.2rem; --tab-header-font-weight: 700; --tab-header-color: #403f3e; --tab-header-color-active: #4a0404; --actor-input-font-family: CaslonAntique; --actor-input-font-size: 1.2rem; --actor-input-font-weight: 500; --actor-input-color: black; --actor-label-font-family: CaslonAntique; --actor-label-font-size: 1.2rem; --actor-label-font-weight: 700; --actor-label-color: #464331c4; } /* Global styles & Font */ .window-app { font-family: CaslonAntique; text-align: justify; font-size: 1rem; letter-spacing: 1px; } /* Fonts */ .sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item { font-family: "GoudyAcc" } /* For title, sidebar character and scene */ .sheet nav.sheet-tabs, .window-app input, .sheet header.sheet-header .header-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle { font-family: "CaslonAntique"; /* For sheet parts; For nav and title */ }