<script setup lang="ts">
definePageMeta({
    layout: 'home',
    pageTransition: {
        name: 'slide',
        mode: 'out-in',
    },
})
const {data} = await useFetch('/api/hello')
</script>

<template>
    <div class="homeIndex">
        <div>redisData: {{ data }}</div>
        <div class="f1">汇文明朝体 ""“”|
            星撰你好啊，你叫什么名字,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
        </div>
        <div class="f2">落霞孤鹜 ""“”|
            星撰你好啊，你叫什么名字,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
        </div>
        <div class="f3">nice ""“”|
            星撰你好啊，你叫什么名字,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
        </div>
        <div class="f4">TechnicLite ""“”|
            星撰你好啊，你叫什么名字,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
        </div>
        <div class="f5">星撰</div>
        <div class="f6">6sans-serif ""“”|
            星撰你好啊，你叫什么名字,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
        </div>
        <div class="f7">default ""“”|
            星撰你好啊，你叫什么名字,ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890
        </div>
    </div>
</template>

<style scoped>
.homeIndex {
    /* 定义英文字体 */
    @font-face {
        font-family: 'MyEnglishFont';
        src: local('nice'), local('Helvetica Neue');
        unicode-range: U+0000-00FF; /* 基本拉丁字符 */
    }

    /* 定义中文字体 */
    @font-face {
        font-family: AA;
        src: local('LXGW WenKai');
        unicode-range: U+201c, U+201d; /* 中文范围 */
    }

    div.f1 {
        font-family: AA !important;
    }

    div.f2 {
        font-family: 'LXGW WenKai';
    }

    div.f3 {
        font-family: 'nice';
    }

    div.f4 {
        font-family: 'TechnicLite';
    }

    div.f5 {
        font-family: 'KingHwa_OldSong' !important;
    }
}
</style>
