75 lines
2.0 KiB
Vue
75 lines
2.0 KiB
Vue
<script setup lang="ts">
|
||
definePageMeta({
|
||
layout: 'home',
|
||
pageTransition: {
|
||
name: 'slide',
|
||
mode: 'out-in',
|
||
},
|
||
})
|
||
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>
|