<script setup lang="ts"></script>

<template>
  <div>
    <ul>
      <li>https://juejin.cn/post/7118700280136335396</li>
      <li>https://juejin.cn/post/7106556068007772174</li>
      <li>cn-font-split</li>
    </ul>

    <p class="mt-2" b="1px solid pink">
      unocss-preset-chinese 中文<span class="chinese">排版</span
      ><br />https://unocss-preset-chinese-playground.vercel.app/
    </p>

    <div mt-2 b="1px solid pink">
      <h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1>
      <h2>Fonts are downloaded directly from Google Fonts</h2>
    </div>
  </div>
</template>

<style scoped>
h1 {
  font-family: 'Press Start 2P', cursive;
  color: #646cff;
}

h2 {
  font-family: 'Fira Code', monospace;
  background-color: #42b983;
}
</style>
