<template>
  <div class="demo-term-box">
    <img src="/images/term-pingfang.png" alt="" />
    <img src="/images/term-hiragino.png" alt="" />
    <img src="/images/term-microsoft.png" alt="" />
    <img src="/images/term-sf.png" alt="" />
    <img src="/images/term-helvetica.png" alt="" />
    <img src="/images/term-arial.png" alt="" />
  </div>
</template>

<style scoped>
img {
  width: 24%;
  margin: 0 4% 20px 0;
}
</style>
