preview.ejs

<%- include('./_partial/header', { type: "preview" }); %>
<header>
  <%- include('./_partial/header-title', { length: DATA.length, type: "" }); %>
  <a href="" id="download">
    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-file-earmark-font-fill" viewBox="0 0 16 16" height="1em" width="1em">
      <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5.057 6h5.886L11 8h-.5c-.18-1.096-.356-1.192-1.694-1.235l-.298-.01v5.09c0 .47.1.582.903.655v.5H6.59v-.5c.799-.073.898-.184.898-.654V6.755l-.293.01C5.856 6.808 5.68 6.905 5.5 8H5l.057-2z"/>
    </svg>    
  </a>
  <div id="license"></div>
  <div id="preview"></div>
</header>
<main>
  <p id="font-status" align="center"></p>
  <h2>简体字预览</h2>
  <pre contenteditable="true">
天地玄黄，宇宙洪荒。日月盈昃，辰宿列张。寒来暑往，秋收冬藏。
闰余成岁，律吕调阳。云腾致雨，露结为霜。金生丽水，玉出昆冈。
剑号巨阙，珠称夜光。果珍李柰，菜重芥姜。海咸河淡，鳞潜羽翔。
龙师火帝，鸟官人皇。始制文字，乃服衣裳。推位让国，有虞陶唐。
吊民伐罪，周发殷汤。坐朝问道，垂拱平章。爱育黎首，臣伏戎羌。
遐迩一体，率宾归王。鸣凤在竹，白驹食场。化被草木，赖及万方。</pre>
  <h2>繁体字预览</h2>
  <pre contenteditable="true">
天地玄黃，宇宙洪荒。日月盈昃，辰宿列張。寒來暑往，秋收冬藏。
閏余成歲，律呂調陽。雲騰致雨，露結為霜。金生麗水，玉出崑岡。
劍號巨闕，珠稱夜光。果珍李柰，菜重芥姜。海咸河淡，鱗潛羽翔。
龍師火帝，鳥官人皇。始制文字，乃服衣裳。推位讓國，有虞陶唐。
弔民伐罪，周發殷湯。坐朝問道，垂拱平章。愛育黎首，臣伏戎羌。
遐邇一體，率賓歸王。鳴鳳在竹，白駒食場。化被草木，賴及萬方。</pre>
  <h2>大写字母预览</h2>
  <pre contenteditable="true">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</pre>
  <h2>小写字母预览</h2>
  <pre contenteditable="true">a b c d e f g h i j k l m n o p q r s t u v w x y z</pre>
  <h2>数字预览</h2>
  <pre contenteditable="true">0 1 2 3 4 5 6 7 8 9</pre>
</main>
<%- include('./_partial/preview_scripts'); %>
<%- include('./_partial/footer', { }); %>