Try this keyboard: German Keyboard
Start with the displayed German layout
Find ä at quote and ß at minus on the normal layer. Shift with left bracket supplies Ü, whose normal output is ü. Take a moment to notice that Y produces z and Z produces y; familiar QWERTY keycaps can otherwise lead to unexpected letters.
Open the German keyboard and save any existing draft you want to keep. Clear the editor for this exercise, then turn off Caps, Shift, and Alt Gr. Clicking the on-screen characters avoids relying on the printed labels of your physical keyboard.
Enter ä ß Ü one example at a time
First, use the normal layer and click ä at the ' position. Next, use the normal layer and click ß at the - position. Finally, use the Shift layer and click Ü at the [ position. Insert one Space between the examples. The finished practice row is ä ß Ü. These separated characters are an exercise, not a word or a translation.
For each example, enable only its stated modifier combination and check that the large key label matches the intended character. On-screen Shift and Alt Gr stay active until you toggle them off. Return to the normal layer after the final example; do not leave an extra modifier selected.
Review the characters before formatting
Compare the editor with ä ß Ü. If one item differs, select that item and click its correct key again. Undo and Redo can recover text edits during this page session. Keep one space between the examples so each character remains easy to inspect.
The middle item should be ß, not a question mark. Shift changes that position to ?, whereas the umlaut positions do provide capitals. This is why reviewing the labels before typing is more reliable than treating Shift as a universal capitalization command.
Set a clear style and download the practice row
Open Text style using the font button above the editor. Explicitly choose Arial, set the size to 28 px, choose Automatic color, and turn bold, italic, underline, and strikethrough off. Set direction to Left to right. These settings apply to the complete editor, even when a smaller passage is selected.
Choose Save image to download a PNG, then open it and compare its text with the editor. The image centers the text on a white background. Font appearance depends on fonts available on your device; a missing glyph can use a fallback. For text you can revise later, Save Word (.docx) creates an editable document instead. Both downloads include the whole editor.
i2type-german.pngi2type-german.docx
Tips for this layout
Check the exact displayed output
Accent keys do not compose with later vowels, and every capital is not mapped. Paste absent characters or use native input.
Add capitals and symbols
Shift changes the umlaut keys to their capitals. The ß position changes to a question mark, not a capital ß. Alt Gr with Q inserts @ and E inserts €. Braces and brackets appear at 7 through 0.
Common questions
How do I enter the three umlaut letters directly?
Left bracket supplies ü, semicolon supplies ö, and quote supplies ä. Shift gives their capitals at the same positions. They are complete mapped letters and need no separate accent sequence.
Can I obtain a capital ß from its Shift position?
The preserved Shift output at that position is ?, not a capital ß. Use native input or paste the exact absent character. Changing font or choosing bold will not change one character into another.
Will Copy keep the style shown in my image?
Copy sends the entire editor as plain text, so the receiving app supplies its appearance. Use PNG for a fixed visual result or Word for editable text with the selected font, size, color, and direction.
Try your own German text
Repeat the example, then replace it with the text you need. Review any unfamiliar characters before copying or downloading the finished version.