@font-face {
    font-family: 'SmileySans';
    src: url('../fonts/SmileySans-Oblique.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'LongCang';
    src: url('../fonts/LongCang-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'HappyZcool';
    src: url('../fonts/ZCOOLQingKeHuangYou-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'MaShanZheng';
    src: url('../fonts/MaShanZheng-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'KuaiLeZcool';
    src: url('../fonts/ZCOOLKuaiLe-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'XiaoWeiZcool';
    src: url('../fonts/ZCOOLXiaoWei-Regular.ttf') format('truetype');
    font-display: swap;
}

.font-smiley { font-family: 'SmileySans', sans-serif; }
.font-longcang { font-family: 'LongCang', cursive; }
.font-happy { font-family: 'HappyZcool', sans-serif; }
.font-mashan { font-family: 'MaShanZheng', cursive; }
.font-kuaile { font-family: 'KuaiLeZcool', sans-serif; }
.font-xiaowei { font-family: 'XiaoWeiZcool', serif; }