doc: Update README.md 6ad3cc3

README-zh.html

@@ -55,6 +55,7 @@
           <h1 style="border: 0;" id="宝宝字帖"><a aria-hidden="true" tabindex="-1" href="#宝宝字帖" class="anchor"><span class="icon icon-link"></span></a>宝宝字帖</h1><!--rehype:style=border: 0;-->
           <p>
             <a href="./index.html">English</a> •
+            <a href="#字体下载">字体</a> •
             <a href="#常见问题解答">常见问题</a> •
             <a target="_blank" href="https://wangchujiang.com/#/contact">联系&#x26;支持</a>
           </p>
@@ -77,12 +78,29 @@ <h3 id="自定义选项"><a aria-hidden="true" tabindex="-1" href="#自定义选
         </p>
         <p>
           <img src="assets/screenshots-4-cn.png" alt="宝宝字帖 截图 4">
+        </p>
+        <p>
           <img src="assets/screenshots-5-cn.png" alt="宝宝字帖 截图 5">
+        </p>
+        <p>
           <img src="assets/screenshots-6-cn.png" alt="宝宝字帖 截图 6">
+        </p>
+        <p>
           <img src="assets/screenshots-7-cn.png" alt="宝宝字帖 截图 7">
         </p>
+        <h2 id="字体下载"><a aria-hidden="true" tabindex="-1" href="#字体下载" class="anchor"><span class="icon icon-link"></span></a>字体下载</h2>
+        <p>可通过下面字体网站，下载需要的字体，然后重启字体宝宝，选择需要的字体。</p>
+        <ul>
+          <li><a href="https://www.fonts.net.cn/">字体天下</a> 包含 <code>中文</code> <code>英文</code> 字体</li>
+          <li><a href="https://font.chinaz.com/">ChinaZ Fonts</a> 包含 <code>中文</code> <code>英文</code> 字体 q</li>
+          <li><a href="https://fonts.google.com/">Google Fonts</a> 包含 <code>中文</code> <code>英文</code> 字体</li>
+          <li><a href="https://www.fontshare.com/">Font Share</a> 包含 <code>英文</code> 字体</li>
+          <li><a href="https://www.fontsquirrel.com/">Font Squirrel</a></li>
+          <li><a href="https://fontmeme.com/ziti/chinese-fonts/">Font Meme</a></li>
+          <li><a href="https://fontesk.com/fonts/">Fontesk</a></li>
+        </ul>
         <h2 id="常见问题解答"><a aria-hidden="true" tabindex="-1" href="#常见问题解答" class="anchor"><span class="icon icon-link"></span></a>常见问题解答</h2>
-        <h2 id="使用方法"><a aria-hidden="true" tabindex="-1" href="#使用方法" class="anchor"><span class="icon icon-link"></span></a>使用方法</h2>
+        <h3 id="使用方法"><a aria-hidden="true" tabindex="-1" href="#使用方法" class="anchor"><span class="icon icon-link"></span></a>使用方法</h3>
         <ol>
           <li>选择字帖类型：选择需要生成的字帖类型（汉字、汉字笔顺描写、英文字母或笔控练习）。</li>
           <li>自定义设置：根据需要设置字体、格子样式、字体大小、笔顺显示和颜色。</li>

index.html

@@ -55,6 +55,7 @@ <h1 style="border: 0;" id="copybook-generator"><a aria-hidden="true" tabindex="-
           <p>
             <a href="README-zh.html">中文</a> •
             <a href="#frequently-asked-questions">FAQ</a> •
+            <a href="#font-download">Fonts</a> •
             <a target="_blank" href="https://wangchujiang.com/#/contact">Contact &#x26; Support</a>
           </p>
           <p><a target="_blank" href="https://apps.apple.com/app/copybook-generator/id6503953628" title="Copybook Generator AppStore"><img alt="Copybook Generator AppStore" src="https://tools.applemediaservices.com/api/badges/download-on-the-mac-app-store/black/en-us?size=250x83&#x26;releaseDate=1705968000" height="51"></a></p>
@@ -76,10 +77,27 @@ <h3 id="customization-options"><a aria-hidden="true" tabindex="-1" href="#custom
         </p>
         <p>
           <img src="assets/screenshots-4.png" alt="Copybook Generator Screenshot 4">
+        </p>
+        <p>
           <img src="assets/screenshots-5.png" alt="Copybook Generator Screenshot 5">
+        </p>
+        <p>
           <img src="assets/screenshots-6.png" alt="Copybook Generator Screenshot 6">
+        </p>
+        <p>
           <img src="assets/screenshots-7.png" alt="Copybook Generator Screenshot 7">
         </p>
+        <h2 id="font-download"><a aria-hidden="true" tabindex="-1" href="#font-download" class="anchor"><span class="icon icon-link"></span></a>Font Download</h2>
+        <p>You can download the required fonts from the websites below, then restart <code>Copybook Generator</code> and select the desired font.</p>
+        <ul>
+          <li><a href="https://www.fonts.net.cn/">Ziti Tianxia</a> includes <code>Chinese</code> and <code>English</code> fonts</li>
+          <li><a href="https://font.chinaz.com/">ChinaZ Fonts</a> includes <code>Chinese</code> and <code>English</code> fonts</li>
+          <li><a href="https://fonts.google.com/">Google Fonts</a> includes <code>Chinese</code> and <code>English</code> fonts</li>
+          <li><a href="https://www.fontshare.com/">Font Share</a> includes <code>English</code> fonts</li>
+          <li><a href="https://www.fontsquirrel.com/">Font Squirrel</a></li>
+          <li><a href="https://fontmeme.com/ziti/chinese-fonts/">Font Meme</a></li>
+          <li><a href="https://fontesk.com/fonts/">Fontesk</a></li>
+        </ul>
         <h2 id="frequently-asked-questions"><a aria-hidden="true" tabindex="-1" href="#frequently-asked-questions" class="anchor"><span class="icon icon-link"></span></a>Frequently Asked Questions</h2>
         <h2 id="how-to-use"><a aria-hidden="true" tabindex="-1" href="#how-to-use" class="anchor"><span class="icon icon-link"></span></a>How to Use</h2>
         <ol>