typographic layout

Birman 3.9

Warning: stress accent mode is active. Enter a vowel.
Warning: the layout is off. Press both Ctrl keys together and release them to turn it on.

Type typographic symbols and accents online

A typographic keyboard, typing trainer and symbol reference in your browser. Explore a typographic keyboard layout directly in your browser. Use your physical keyboard or click the on-screen keys to try symbols such as ©, —, … and accented letters. No installation or account is required.

What you can try

  • Switch between basic and extended symbol modes to find punctuation, currency signs and other special characters.
  • Explore diacritics and national keyboard maps. Assign a pair of languages to S0 and additional languages to S1–S4 in Settings.
  • Find characters by name, symbol or Unicode code. The guided tour and cheat sheet explain the key sequences.

Typography and accented letters at your fingertips

For writers, copywriters and editors

  • Em dashes — and ellipses … without Alt codes.Use short keyboard combinations instead of memorizing numeric codes or searching for symbols.
  • Quotation marks for different languages.Type English “quotes”, French «guillemets» and German „quotes“ to match your editorial style.
  • Non-breaking spaces.Keep numbers with their units and initials with their surnames.
—«»„“

For UI/UX, web and graphic designers

  • Currency symbols $, €, £, ¥, ¢.Prepare prices, subscription plans and product cards for international mockups.
  • Copyright ©, registered trademark ® and trademark ™ symbols.Find the right character for interface copy, credits and presentations.
  • Searchable typography reference.Look up a symbol, learn its purpose and copy it into Figma or another editor.
©®™€£¥¢

For polyglots, linguists and translators

  • Type umlauts and accents with Shift.Type a base letter, release its key, then tap Shift to cycle through its variants: u → ü in German or e → é → è → ê → ë in French.
  • National characters on your familiar keyboard.Practise typing ä, ö, ü, é, è, ç, ñ and other characters supported by your selected language.
  • Explore several languages in one demo.Assign up to six languages and switch between them within the page, without changing your OS input source or installing language packs to try the layout.
äöüéèç
Typography reference

14 interface languages and 24 keyboard options, including regional variants. Available characters and input gestures depend on the selected language. Arabic, Hebrew, Turkish and Vietnamese support is experimental. Typing works inside the browser demo. Copy your text into the app where you need it.

Frequently asked questions

How can I type special characters without Alt codes?

Use short keyboard combinations in Yushkevich’s layout demo. Alt + minus types an em dash —, and Alt + / types an ellipsis …. For the copyright symbol ©, press and release Alt, then press C. On macOS, use Option instead of Alt. These shortcuts use US QWERTY key positions; the reference lists input sequences for other symbols.

How can I type umlauts ä, ö, ü and accented letters é, è, ç quickly?

Select a keyboard language in the demo. Type a base letter, release its key, then tap Shift separately. In German, use a → ä, o → ö and u → ü; in French, use e → é → è → ê → ë and c → ç. Each Shift tap selects the next variant. Available variants depend on the language.

How do I type a stress mark above a letter?

With the default symbol map, press and release Alt twice, press the / key in its US QWERTY position, then type a vowel: for example, а → а́ in Russian. Press these keys in sequence, not together. Select the stress mark before typing the letter. On macOS, use Option instead of Alt; Esc cancels the pending accent.

How does Yushkevich’s layout compare with Birman’s for foreign languages?

For this use case, its distinctive features are cycling a previously typed letter with Shift and switching between assigned languages within the demo. These may suit frequent national-character input. Birman’s layout also supports diacritics, and its symbol map forms the foundation of this project. The better fit depends on your habits and working languages.

How do I type euro €, copyright © or trademark ™ symbols for a design?

Search the demo by a symbol’s name or by the character itself. The reference explains its purpose and input sequence. Copy the symbol into Figma, a text editor or a presentation: it is inserted as an ordinary text character.

Can I try the layout on Windows or macOS without installing it?

Yes. Open the browser demo and use your physical keyboard or click the on-screen keys. No installation or OS language packs are needed to try it. Typing works within the page; the demo does not change your system keyboard layout for other applications.

Based on Ilya Birman’s layout. Source code on GitHub · MIT