thisisprabha.github.io/support.html at main · thisisprabha/thisisprabha.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Support - That's My Font</title>
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            line-height: 1.6;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            color: #333;
        }
        h1 {
            color: #000;
            border-bottom: 2px solid #000;
            padding-bottom: 10px;
        }
        h2 {
            color: #000;
            margin-top: 30px;
        }
        h3 {
            color: #000;
            margin-top: 20px;
        }
        .section {
            margin-bottom: 30px;
        }
        ul, ol {
            margin-left: 20px;
        }
        a {
            color: #007AFF;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        .highlight {
            background-color: #f0f0f0;
            padding: 15px;
            border-left: 4px solid #007AFF;
            margin: 20px 0;
        }
    </style>
</head>
<body>
    <h1>Support - That's My Font</h1>
    <p>Get help using That's My Font to create your custom handwriting font.</p>

    <div class="section">
        <h2>Getting Started</h2>
        <h3>Requirements</h3>
        <ul>
            <li><strong>iPad:</strong> The app is designed exclusively for iPad</li>
            <li><strong>Apple Pencil:</strong> Recommended for best drawing experience (drawing is restricted to Apple Pencil only)</li>
            <li><strong>iOS 13.0 or later:</strong> Required for app functionality</li>
        </ul>

        <h3>First Steps</h3>
        <ol>
            <li>Open the app on your iPad</li>
            <li>You'll see the welcome screen, then the drawing interface</li>
            <li>Use Apple Pencil to draw each character (A-Z, a-z, 0-9)</li>
            <li>Each character has a 100px drawing box with a template guide</li>
            <li>Double-tap a character box to clear and redraw</li>
        </ol>
    </div>

    <div class="section">
        <h2>Drawing Characters</h2>
        <h3>Drawing Tools</h3>
        <ul>
            <li><strong>Pencil:</strong> Standard drawing tool</li>
            <li><strong>Pen:</strong> Pressure-sensitive tool (varies stroke width based on pressure)</li>
            <li><strong>Brush Width:</strong> Adjustable from 0.5px to 5px</li>
            <li><strong>Smoothness Toggle:</strong> Enable for smoother curves</li>
        </ul>

        <h3>Drawing Tips</h3>
        <ul>
            <li>Draw naturally - the app captures your handwriting style</li>
            <li>Use the template guide to help with character positioning</li>
            <li>Double-tap to delete and redraw if needed</li>
            <li>Only Apple Pencil works for drawing (finger touches are blocked)</li>
        </ul>
    </div>

    <div class="section">
        <h2>Adjusting Characters</h2>
        <p>After drawing all basic characters (62/62), you can:</p>
        <ol>
            <li>Click "Adjust & Export" button</li>
            <li>Hover over characters to highlight them</li>
            <li>Click a character to select and adjust it</li>
            <li>Use position arrows to move characters (X and Y axis)</li>
            <li>Use the scale slider to resize characters (50% to 150%)</li>
        </ol>
    </div>

    <div class="section">
        <h2>Optional Characters</h2>
        <p>After completing 62/62 basic characters, you can add optional character sets:</p>
        <ul>
            <li><strong>Punctuation:</strong> .,!?;:\'"-()[]{}</li>
            <li><strong>Special Characters:</strong> #@$%&*+=|\/~`^_&lt;&gt;</li>
            <li><strong>Symbols:</strong> ©®™°•…—–</li>
        </ul>
        <p>Check the boxes to add character sets, then draw the selected characters below.</p>
    </div>

    <div class="section">
        <h2>Previewing Your Font</h2>
        <ol>
            <li>After adjusting characters, click "Continue to Preview"</li>
            <li>Type text in the preview area to test your font</li>
            <li>Default text: "The Quick brown fox jumps over the lazy dog"</li>
            <li>Preview updates in real-time as you type</li>
            <li>Click "Back to Adjust" if you need to make changes</li>
        </ol>
    </div>

    <div class="section">
        <h2>Exporting Your Font</h2>
        <h3>Export Steps</h3>
        <ol>
            <li>In the Preview screen, click "Export TTF Font"</li>
            <li>Enter a name for your font (letters, numbers, spaces, hyphens, underscores only)</li>
            <li>Click "Export Font"</li>
            <li>iOS Share sheet will open</li>
            <li>Choose where to save or share your font:
                <ul>
                    <li>Save to Files app</li>
                    <li>Share via AirDrop</li>
                    <li>Send via email</li>
                    <li>Save to iCloud Drive</li>
                </ul>
            </li>
        </ol>

        <h3>Using Your Font</h3>
        <ul>
            <li>On Mac: Double-click the TTF file to install via Font Book</li>
            <li>On Windows: Right-click TTF file → Install</li>
            <li>On iOS/iPadOS: Use a font management app or install via Settings</li>
            <li>Use your font in any app that supports custom fonts (Pages, Word, design apps, etc.)</li>
        </ul>
    </div>

    <div class="section">
        <h2>Common Issues</h2>

        <h3>Can't Draw with Finger</h3>
        <p>The app only accepts Apple Pencil input for drawing. This prevents accidental touches while scrolling. Use Apple Pencil to draw characters.</p>

        <h3>Font Not Appearing After Export</h3>
        <p>Check the Files app or the location you chose in the Share sheet. The font file should be saved there. On Mac, double-click the TTF file to install it.</p>

        <h3>Characters Look Too Small/Large</h3>
        <p>Use the adjustment panel to fine-tune character scale and position. Select a character and use the scale slider to resize it.</p>

        <h3>Can't Scroll in Adjustment Panel</h3>
        <p>The adjustment panel supports both horizontal and vertical scrolling. Scroll bars should appear when content exceeds the visible area.</p>
    </div>

    <div class="section">
        <h2>Tips for Best Results</h2>
        <ul>
            <li>Draw characters consistently - try to maintain similar size and style</li>
            <li>Use the template guides to help with alignment</li>
            <li>Adjust characters after drawing to perfect spacing</li>
            <li>Preview your font with different text to see how it looks</li>
            <li>Test the exported font in different apps to ensure compatibility</li>
        </ul>
    </div>

    <div class="section">
        <h2>Contact Support</h2>
        <p>If you need additional help or have questions:</p>
        <p><strong>Email:</strong> <a href="mailto:uxcurry@gmail.com">uxcurry@gmail.com</a><br>
        <strong>Website:</strong> <a href="https://thisisprabha.com">thisisprabha.com</a></p>

        <div class="highlight">
            <p><strong>Feedback Welcome!</strong> We'd love to hear your suggestions and feedback to improve That's My Font.</p>
        </div>
    </div>

    <div class="section">
        <h2>App Information</h2>
        <ul>
            <li><strong>App Name:</strong> That's My Font</li>
            <li><strong>Version:</strong> 1.0.0</li>
            <li><strong>Platform:</strong> iPad only</li>
            <li><strong>Minimum iOS:</strong> 13.0</li>
        </ul>
    </div>

    <p style="margin-top: 40px; color: #666;">© 2025 That's My Font. All rights reserved.</p>
</body>
</html>