<script setup lang="ts">
import consola from "consola";
definePageMeta({
  layout: 'home',
})
const {data} = await useFetch('/api/hello')
consola.info(toValue(data))
</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>
