/* ============================================================ theme-font.css — ฟอนต์กลางของทั้งเว็บ วางไว้ที่ root (ข้างๆ index.php) >>> เปลี่ยนฟอนต์ทั้งระบบ = แก้แค่บรรทัด --app-font ด้านล่างบรรทัดเดียว <<< ฟอนต์ไทยที่แนะนำ (ก๊อปชื่อไปวางแทนได้เลย) 'IBM Plex Sans Thai' → โมเดิร์น อ่านง่ายมากบนจอ ตัวเลขคม 'Noto Sans Thai' → เรียบ สากล รองรับทุกอุปกรณ์ 'Sarabun' → ฟอนต์ราชการไทย เหมาะกับเอกสารทางการ ★ ใช้อยู่ตอนนี้ 'Prompt' → ทันสมัย ใกล้เคียง Kanit แต่โปร่งกว่า 'Anuphan' → คมชัด ดูเป็นทางการแต่ไม่แข็ง 'Kanit' → ของเดิม ถ้าเปลี่ยนชื่อฟอนต์แล้ว อย่าลืมแก้ชื่อในลิงก์ Google Fonts ที่ไฟล์ font-inject.php ด้วย (มีคำอธิบายในไฟล์นั้น) ============================================================ */ :root{ /* ฟอนต์หลักของทั้งเว็บ */ --app-font: 'Sarabun', 'Leelawadee UI', 'Tahoma', system-ui, -apple-system, sans-serif; /* ฟอนต์สำหรับตัวเลข (การ์ด KPI, ตาราง, กราฟ) ตอนนี้ใช้ฟอนต์เดียวกับข้อความ เพื่อให้ทั้งเว็บเป็นชุดเดียวกัน ถ้าอยากให้ตัวเลขเป็นแบบเดิม (เหลี่ยม ๆ เด่น ๆ) เปลี่ยนเป็นบรรทัดนี้แทน: --num-font: 'Chakra Petch', 'Sarabun', 'Leelawadee UI', 'Tahoma', system-ui, -apple-system, sans-serif; (ถ้าใช้ Chakra Petch ต้องเพิ่มชื่อฟอนต์ในลิงก์ที่ font-inject.php ด้วย) */ --num-font: var(--app-font); } /* ---- ใช้ฟอนต์หลักกับทุกอย่าง ---- ยกเว้นไอคอน (Font Awesome) และ svg เพราะใช้ฟอนต์เฉพาะของตัวเอง */ html body, html body *:not(i):not(svg):not(path):not(.fa):not([class*="fa-"]):not([class*="fas"]):not([class*="far"]) { font-family: var(--app-font) !important; } /* ---- ตัวเลข ---- */ html body .num, html body .num *, html body .kpi .v, html body .mini .n, html body .hazitem .t, html body td.num, html body th.num, html body .hm .cell, html body .hmd, html body .hmlb { font-family: var(--num-font) !important; } /* ---- ช่องกรอก/ปุ่ม ให้ตามฟอนต์หลักด้วย ---- */ html body input, html body select, html body textarea, html body button { font-family: var(--app-font) !important; } /* ---- ยกเว้นทั้งหน้า ---- ถ้าหน้าไหนไม่ต้องการให้เปลี่ยนฟอนต์เลย ทำอย่างใดอย่างหนึ่ง 1) ใส่ชื่อไฟล์ในรายการ FONT_SKIP ที่ font-inject.php (แนะนำ) 2) หรือใส่คอมเมนต์บรรทัดนี้ไว้ใน ของหน้านั้น: ทั้งสองวิธีจะไม่แทรกฟอนต์กลางเข้าหน้านั้นเลย หน้าจึงใช้ฟอนต์ของตัวเองตามเดิม */