Using Wootext
It is now possible to include Book of Woo symbols directly in wiki pages!
Contents
How to do it
There are a few ways to do this:
- Surround text with either
<span class="WooFont">
or<div class="WooFont">
tags. - Add the
class="WooFont"
attribute to any other Wiki markup which supports adding HTML attributes (for example,<pre>
)
Some examples:
Description | You type | You get | |||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Using <span> | The first word is <span class="WooFont">lUOYPJ</span>! |
The first word is lUOYPJ! | |||||||||||||||||||||||||||||||
Preformatted wootext | <pre class="WooFont"> lUOYPJ SYPJWPJ AJSJ YWAJ: Luoypj sypjwpj gUFJ XufdwfUA LYOJ. </pre> |
lUOYPJ SYPJWPJ AJSJ YWAJ: Luoypj sypjwpj gUFJ XufdwfUA LYOJ. | |||||||||||||||||||||||||||||||
Use of class="WooFont" in a table
|
{| class="WooFont" |A||D||F||G||J||K||L||O||P||Q||S||U||W||X||Y |- |a||d||f||g||j||k||l||o||p||q||s||u||w||x||y||& |} |
|
Caveats
Because this functionality makes use of the Foogod character mapping, to use this functionality currently, your text must be written using the Foogod transliteration.
If there's enough demand, I'll try to look into supporting other transliterations too, but I'm not sure how complicated that would end up being.. -- Foogod (talk)
Compatibility
This functionality makes use of the CSS3 @font-face feature and web fonts to render the WooGlyph font even when it isn't installed on the local user's system. This should be supported fairly well by all modern browsers. If you find an OS/browser which does not work, please note it below.
Tested Web Browsers
OS | Browser | Version | Works |
---|---|---|---|
Windows | Chrome | 34.0 | Yes |
Windows | Firefox | 28.0 | Yes |
Windows | Internet Explorer | 8.0 | Yes |
Linux | Chromium | 31.0 | Yes |
Linux | Firefox | 26.0 | Yes |
Troubleshooting
Why am I getting a bunch of little paw characters everywhere in my text?
This probably means you're using the wrong transliteration. The WooGlyph font will display a raccoon paw outline for any letter which doesn't exist in the font, and the font only contains the letters which are present when using the Foogod transliteration.