@font-face { font-family: 'Kanit'; src: url('../font/Kanit-Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Kanit-bold'; src: url('../font/Kanit-SemiBold.ttf') format('truetype'); font-display: swap; } .kanit-10 { font-family: 'Kanit', sans-serif !important; font-size: 10px !important; font-weight:200; } .kanit-12 { font-family: 'Kanit', sans-serif !important; font-size: 12px !important; font-weight:200; } .kanit-14 { font-family: 'Kanit', sans-serif !important; font-size: 14px !important; font-weight:200; } .kanit-16 { font-family: 'Kanit', sans-serif !important; font-size: 16px !important; font-weight:200; } .kanit-18 { font-family: 'Kanit', sans-serif !important; font-size: clamp(16px, 2.5vw, 18px) !important; font-weight:200; } .kanit-20 { font-family: 'Kanit', sans-serif !important; font-size: clamp(16px, 2.5vw, 20px) !important; font-weight:200; } .kanit-24 { font-family: 'Kanit', sans-serif !important; font-size: clamp(20px, 2.5vw, 24px) !important; font-weight:200; } .kanit-30 { font-family: 'Kanit', sans-serif !important; font-size: clamp(26px, 2.5vw, 30px) !important; font-weight:200; } .kanit-35 { font-family: 'Kanit', sans-serif !important; font-size: clamp(25px, 2.5vw, 35px) !important; font-weight:200; } .kanitb-10 { font-family: 'Kanit-bold', sans-serif !important; font-size: 10px !important; } .kanitb-12 { font-family: 'Kanit-bold', sans-serif !important; font-size: 12px !important; } .kanitb-14 { font-family: 'Kanit-bold', sans-serif !important; font-size: 14px !important; } .kanitb-16 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(16px, 2.5vw, 16px)!important; line-height:1.3; letter-spacing: 0.5px; } .kanitb-18 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(18px, 2.5vw, 18px)!important; line-height:1.2; } .kanitb-20 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(16px, 2.5vw, 20px)!important; line-height: 1.2; } .kanitb-21 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(20px, 2.5vw, 20px)!important; line-height: 1.2; } .kanitb-24 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(24px, 2.5vw, 24px)!important; line-height: 1.2; } .kanitb-26 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(26px, 2.5vw, 32px)!important; } .kanitb-28 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(20px, 2.5vw, 28px)!important; } .kanitb-30 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(20px, 2.5vw, 30px) !important; } .kanitb-36 { font-family: 'Kanit-bold', sans-serif !important; font-size: 36px !important; } .kanitb-40 { font-family: 'Kanit-bold', sans-serif !important; font-size: 40px !important; } .kanitb-50 { font-family: 'Kanit-bold', sans-serif !important; font-size: clamp(23px, 2.5vw, 50px) !important; } .lato-12 { font-family: 'kanit', sans-serif !important; font-size:12px !important; font-weight:400 !important; } .lato-14 { font-family: 'kanit', sans-serif !important; font-size:14px !important; font-weight:400 !important; } .lato-16 { font-family: 'kanit', sans-serif !important; font-size:16px !important; font-weight:400 !important; } .latob-16 { font-family: 'kanit', sans-serif !important; font-size:16px !important; font-weight:700 !important; } .latob-30 { font-family: 'kanit', sans-serif !important; font-size:30px !important; font-weight:700 !important; } .latob-40 { font-family: 'kanit', sans-serif !important; font-size:40px !important; font-weight:700 !important; }