How to Use Shavian in HTML and CSS

Shavian is an alphabet that brings phonetic clarity to English. Developed by the playwright George Bernard Shaw, it replaces the irregular Latin spelling system with a one‑to‑one match between graphemes and phonemes. For anyone looking to embed Shavian in web pages, ShawAlphabet.com offers all the tools you need—from an online converter to a virtual keyboard and downloadable font files.

What is the Shavian alphabet and why was it created?

Shavian was created in 1928 as a response to the shortcomings of English spelling. Shaw believed that a phonetic alphabet would improve literacy and reduce ambiguity. The script contains 48 distinct letters that each represent a specific sound. Unlike the Latin alphabet, Shavian never changes its letter shapes for different contexts, making it a true phonemic orthography.

Embedding Shavian in HTML and CSS

To display Shavian text on a web page, you must first ensure the characters are encoded in UTF‑8, which all modern browsers support. The next step is to provide a font that contains the Shavian glyphs. A typical CSS rule looks like this:

@font-face {
  font-family: 'Shavian';
  src: url('Shavian-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body { font-family: 'Shavian', sans-serif; }

After the font is loaded, you can simply insert Shavian characters into your HTML. For example:

<p>𐑹𐑰𐑾𐑟</p>

When the browser renders the page, it will display the characters using the Shavian font.

Visual Comparison of English and Shavian

ShawAlphabet.com provides an interactive converter that instantly produces these Shavian equivalents.

How It Works: The 48 Letters and Phonetic Consistency

Shavian’s 48 letters are divided into consonants, vowels, and ligatures. The consonants include 24 distinct graphemes such as 𐑒 (k) and 𐑓 (f). The vowels cover 12 sounds from /a/ to /iː/. Ligatures combine two consonants into a single glyph, for example 𐑑 (th) and 𐑕𐑪 (sh).

For a complete chart, see the Unicode Standard or the downloadable PDF on ShawAlphabet.com.

Common English Words in Shavian

Below are ten frequently used English words, each rendered in Shavian along with a brief phonetic note:

1. cat – 𐑒𐑨𐑑 /kæt/
2. house – 𐑣𐑬𐑟 /haʊs/
3. bright – 𐑚𐑮𐑦𐑦𐑑 /braɪt/
4. friend – 𐑓𐑤𐑦𐑯𐑛 /frɛnd/
5. world – 𐑮𐑵𐑤𐑛 /wɜːld/
6. music – 𐑚𐑦𐑕𐑦𐑗 /mjuːzɪk/
7. computer – 𐑒𐑩𐑥𐑐𐑳𐑑𐑼 /kəmˈpjuːtə/
8. language – 𐑤𐑱𐑤𐑦𐑝𐑩𐑛 /læŋɡwɪdʒ/
9. knowledge – 𐑒𐑩𐑤𐑦𐑟 /nɒlɪdʒ/
10. beautiful – 𐑚𐑰𐑑𐑧𐑓𐑳𐑤 /bjuːtɪfʊl/

Accent and Dialect Notes

Because Shavian is a phonemic alphabet, it is designed to be accent‑neutral. The graphemes represent underlying sounds rather than regional variations. However, users may choose to adjust the vowels to match their own pronunciation, a feature supported by the converter’s “dialect” setting.

Common Mistakes to Avoid

• Confusing 𐑒 (k) with 𐑓 (f) – both look similar but have distinct shapes.
• Forgetting ligatures – writing a separate 𐑑 and 𐑕 instead of the single 𐑕𐑪 for “sh”.
• Misplacing the r‑sound – using 𐑓 for /r/ is incorrect.
• Ignoring the distinction between short and long vowels – 𐑧 (/e/) vs 𐑧𐑦 (/ei/).
• Typing Latin characters instead of Shavian Unicode points – always check the code chart.

Practical Exercise

Convert the following sentence into Shavian:

“The quick brown fox jumps over the lazy dog.”

Answer key (copy from ShawAlphabet.com converter):

𐑓𐑕𐑚𐑠 𐑒𐑦𐑒 𐑚𐑮𐑬𐑛 𐑓𐑬𐑒 𐑱𐑑𐑑𐑕 𐑭𐑝𐑼 𐑓𐑕𐑚𐑠 𐑤𐑱𐑟 𐑛𐑩𐑜

Limitations and Controversies

Shavian never achieved mainstream adoption. Critics argue that the learning curve is steep, and the lack of widespread fonts and input methods limits its practicality. Supporters counter that the script’s phonemic nature eliminates spelling errors and enhances literacy.

Historical Context

George Bernard Shaw introduced the alphabet in 1928 and used it in his 1928 play “Androcles and the Lion.” The script was later adopted by the National Library of Ireland and has since been preserved in the public domain. ShawAlphabet.com maintains the legacy by offering modern tools that make Shavian accessible to new generations.

Sources and Further Reading

Use ShawAlphabet.com’s converter, keyboard, and downloadable font files to practice. For academic depth, consult the Unicode Standard and scholarly works on phonetic orthographies.