Narga: Created page with "It is now possible to include ''Book of Woo'' symbols directly in wiki pages! == How to do it == There are a few ways to do this: # Surround text with either `<span..."`


2018-03-02T23:18:59Z
Created page with "It is now possible to include ''Book of Woo'' symbols directly in wiki pages!  == How to do it ==  There are a few ways to do this:  # Surround text with either <code><span..."
New page
It is now possible to include ''Book of Woo'' symbols directly in wiki pages!



== How to do it ==



There are a few ways to do this:



# Surround text with either <code>&lt;span class="WooFont"&gt;</code> or <code>&lt;div class="WooFont"&gt;</code> tags.

# Add the <code>class="WooFont"</code> attribute to any other Wiki markup which supports adding HTML attributes (for example, <code>&lt;pre&gt;</code>)



Some examples:



{| class="wikitable"

! Description

! width=40% | You type

! width=40% | You get

|-

| Using &lt;span&gt;

| <pre>The first word is &lt;span class="WooFont"&gt;lUOYPJ&lt;/span&gt;!</pre>

| The first word is <span class="WooFont">lUOYPJ</span>!

|-

| Preformatted wootext

| <pre>

&lt;pre class="WooFont"&gt;

lUOYPJ SYPJWPJ AJSJ YWAJ:

Luoypj sypjwpj gUFJ

XufdwfUA LYOJ.

&lt;/pre&gt;

</pre>

|

<pre class="WooFont">

lUOYPJ SYPJWPJ AJSJ YWAJ:

Luoypj sypjwpj gUFJ

XufdwfUA LYOJ.

</pre>

|-

| Use of <code>class="WooFont"</code> in a table

| <pre>

{| 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||&

|}

</pre>

| 

{| 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 [[Transliterations#Foogod|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.. -- [[User:Foogod|Foogod]] ([[User talk: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 ===



{| class="wikitable"

! 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 [[Transliterations#Foogod|Foogod transliteration]].

Using Wootext - Revision history

Narga: Created page with "It is now possible to include ''Book of Woo'' symbols directly in wiki pages! == How to do it == There are a few ways to do this: # Surround text with either <span..."

Narga: Created page with "It is now possible to include ''Book of Woo'' symbols directly in wiki pages! == How to do it == There are a few ways to do this: # Surround text with either `<span..."`