JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<<nobr>> <<if ndef $text>> <<set $text to "Welcome to the New Arcade Font Zone! This is a collection of fonts that I like or have made.\n\nSphinx of black quartz, judge my vow!\nThe quick brown fox jumps over the lazy dog?\nCwm fjord-bank glyphs vext quiz\nKæmi ný öxi hér, ykist þjófum nú bæði víl og ádrepa\n\nABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\n\nIf a font lacks a certain character, it will fall back to different fonts until it finds one that supports the character! Each font has a different list of back-up fonts.">> <</if>> <</nobr>><center><h1>The New Arcade Font Zone!</h1>\ <<settings>></center> $text <center><<textarea "$text" `$text` autofocus>> [[Update Text|Home]]</center>
<<nobr>> <<widget "libertinus">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <</widget>> <<widget "unifont">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("unifont")>> <</widget>> <<widget "drafting">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("drafting")>> <</widget>> <<widget "liberation">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("liberation")>> <</widget>> <<widget "fira">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("fira")>> <</widget>> <<widget "cfdts">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("cfdts")>> <</widget>> <<widget "junicode">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("junicode")>> <</widget>> <<widget "karla">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("karla")>> <</widget>> <<widget "tt2020">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("tt2020")>> <</widget>> <<widget "opendyslexic">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("opendyslexic")>> <</widget>> <<widget "computermodern">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("computermodern")>> <</widget>> <<widget "departure">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("departure")>> <</widget>> <<widget "ocra">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("ocra")>> <</widget>> <<widget "sporting">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("sporting")>> <</widget>> <<widget "bluunext">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("bluunext")>> <</widget>> <<widget "vg5000">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("vg5000")>> <</widget>> <<widget "specialelite">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("specialelite")>> <</widget>> <<widget "libertinusmono">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("libertinusmono")>> <</widget>> <<widget "ancial">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("ancial")>> <</widget>> <<widget "beholden">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("beholden")>> <</widget>> <<widget "morkdungeon">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("morkdungeon")>> <</widget>> <<widget "pixelparchment">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("pixelparchment")>> <</widget>> <<widget "publicpixel">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("publicpixel")>> <</widget>> <<widget "classicshit">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("classicshit")>> <</widget>> <<widget "magicforest">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("magicforest")>> <</widget>> <<widget "menucard">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("menucard")>> <</widget>> <<widget "pixnull">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("pixnull")>> <</widget>> <<widget "notjamoldstyle">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("notjamoldstyle")>> <</widget>> <<widget "notjamserif">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("notjamserif")>> <</widget>> <<widget "jslblackletter">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("jslblackletter")>> <</widget>> <<widget "oldeurope">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("oldeurope")>> <</widget>> <<widget "oldetome">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("oldetome")>> <</widget>> <<widget "ancial">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("ancial")>> <</widget>> <<widget "earwigfactory">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("earwigfactory")>> <</widget>> <<widget "phorssa">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("phorssa")>> <</widget>> <<widget "blackcasper">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("blackcasper")>> <</widget>> <<widget "gotheroin">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("gotheroin")>> <</widget>> <<widget "pirates">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("pirates")>> <</widget>> <<widget "pseudo36">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("pseudo36")>> <</widget>> <<widget "daubenton">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("daubenton")>> <</widget>> <<widget "pixelated">> <<for _i to 0; _i lt $fontsList.length; _i++>> <<run $("body").removeClass($fontsList[_i])>> <</for>> <<run $("body").addClass("pixelated")>> <</widget>> <<widget "lightMode">> <<run $("body").removeClass("dark")>> <<run $("hr").removeClass("dark")>> <<run $("h1").removeClass("dark")>> <<run $("h2").removeClass("dark")>> <<run $("h3").removeClass("dark")>> <<run $("table").removeClass("dark")>> <<run $("td").removeClass("dark")>> <<run $("tr").removeClass("dark")>> <<run $("th").removeClass("dark")>> <<run $("body").removeClass("pink")>> <<run $("body").removeClass("blue")>> <<run $("a").removeClass("blue")>> <<run $("body").removeClass("green")>> <<run $("body").removeClass("space")>> <<run $("body").removeClass("fleshpaper")>> <<run $("a").removeClass("fleshpaper")>> <</widget>> <<widget "darkMode">> <<run $("body").addClass("dark")>> <<run $("hr").addClass("dark")>> <<run $("h1").addClass("dark")>> <<run $("h2").addClass("dark")>> <<run $("h3").addClass("dark")>> <<run $("table").addClass("dark")>> <<run $("td").addClass("dark")>> <<run $("tr").addClass("dark")>> <<run $("th").addClass("dark")>> <<run $("body").removeClass("pink")>> <<run $("body").removeClass("blue")>> <<run $("a").removeClass("blue")>> <<run $("body").removeClass("green")>> <<run $("body").removeClass("space")>> <<run $("body").removeClass("fleshpaper")>> <<run $("a").removeClass("fleshpaper")>> <</widget>> <<widget "pinkMode">> <<run $("body").removeClass("dark")>> <<run $("hr").removeClass("dark")>> <<run $("h1").removeClass("dark")>> <<run $("h2").removeClass("dark")>> <<run $("h3").removeClass("dark")>> <<run $("table").removeClass("dark")>> <<run $("td").removeClass("dark")>> <<run $("tr").removeClass("dark")>> <<run $("th").removeClass("dark")>> <<run $("body").addClass("pink")>> <<run $("body").removeClass("blue")>> <<run $("a").removeClass("blue")>> <<run $("body").removeClass("green")>> <<run $("body").removeClass("space")>> <<run $("body").removeClass("fleshpaper")>> <<run $("a").removeClass("fleshpaper")>> <</widget>> <<widget "blueMode">> <<run $("body").removeClass("dark")>> <<run $("hr").removeClass("dark")>> <<run $("h1").removeClass("dark")>> <<run $("h2").removeClass("dark")>> <<run $("h3").removeClass("dark")>> <<run $("table").removeClass("dark")>> <<run $("td").removeClass("dark")>> <<run $("tr").removeClass("dark")>> <<run $("th").removeClass("dark")>> <<run $("body").removeClass("pink")>> <<run $("body").addClass("blue")>> <<run $("a").addClass("blue")>> <<run $("body").removeClass("green")>> <<run $("body").removeClass("space")>> <<run $("body").removeClass("fleshpaper")>> <<run $("a").removeClass("fleshpaper")>> <</widget>> <<widget "greenMode">> <<run $("body").removeClass("dark")>> <<run $("hr").removeClass("dark")>> <<run $("h1").removeClass("dark")>> <<run $("h2").removeClass("dark")>> <<run $("h3").removeClass("dark")>> <<run $("table").removeClass("dark")>> <<run $("td").removeClass("dark")>> <<run $("tr").removeClass("dark")>> <<run $("th").removeClass("dark")>> <<run $("body").removeClass("pink")>> <<run $("body").removeClass("blue")>> <<run $("a").addClass("blue")>> <<run $("body").addClass("green")>> <<run $("body").removeClass("space")>> <<run $("body").removeClass("fleshpaper")>> <<run $("a").removeClass("fleshpaper")>> <</widget>> <<widget "spaceMode">> <<run $("body").removeClass("dark")>> <<run $("hr").addClass("dark")>> <<run $("h1").addClass("dark")>> <<run $("h2").addClass("dark")>> <<run $("h3").addClass("dark")>> <<run $("table").addClass("dark")>> <<run $("td").addClass("dark")>> <<run $("tr").addClass("dark")>> <<run $("th").addClass("dark")>> <<run $("body").removeClass("pink")>> <<run $("body").removeClass("blue")>> <<run $("a").removeClass("blue")>> <<run $("body").removeClass("green")>> <<run $("body").addClass("space")>> <<run $("body").removeClass("fleshpaper")>> <<run $("a").removeClass("fleshpaper")>> <</widget>> <<widget "fleshpaperMode">> <<run $("body").removeClass("dark")>> <<run $("hr").removeClass("dark")>> <<run $("h1").removeClass("dark")>> <<run $("h2").removeClass("dark")>> <<run $("h3").removeClass("dark")>> <<run $("table").removeClass("dark")>> <<run $("td").removeClass("dark")>> <<run $("tr").removeClass("dark")>> <<run $("th").removeClass("dark")>> <<run $("body").removeClass("pink")>> <<run $("body").removeClass("blue")>> <<run $("a").removeClass("blue")>> <<run $("body").removeClass("green")>> <<run $("body").removeClass("space")>> <<run $("body").addClass("fleshpaper")>> <<run $("a").addClass("fleshpaper")>> <</widget>> <<widget "settings">><<changeFont>><br><<fontButtons>><br><<changeTheme>><</widget>> <<widget "changeTheme">><<link "Light">><<set $theme to "light">><<lightMode>><</link>> · <<link "Dark">><<set $theme to "dark">><<darkMode>><</link>> · <<link "Pink">><<set $theme to "pink">><<pinkMode>><</link>> · <<link "Blue">><<set $theme to "blue">><<blueMode>><</link>> · <<link "Space">><<set $theme to "space">><<spaceMode>><</link>> · <<link "Fleshpaper">><<set $theme to "fleshpaper">><<fleshpaperMode>><</link>><</widget>> <<widget "changeFont">><<if ndef $font>> <<set $font to "libertinus">> <</if>> <<listbox "$font" autoselect>> <<option "Libertinus Serif" "libertinus">> <<option "Beholden" "beholden">> <<option "Black Casper" "blackcasper">> <<option "Bluu Next Bold" "bluunext">> <<option "Cf̀d́ts Script" "cfdts">> <<option "Classic Shit" "classicshit">> <<option "Computer Modern Unicode" "computermodern">> <<option "Daubenton" "daubenton">> <<option "Departure Mono" "departure">> <<option "Drafting* Mono" "drafting">> <<option "Earwig Factory" "earwigfactory">> <<option "Fira Code" "fira">> <<option "Got heroin?" "gotheroin">> <<option "JSL Blackletter" "jslblackletter">> <<option "Junicode" "junicode">> <<option "Karla" "karla">> <<option "Libertinus Mono" "libertinusmono">> <<option "Magic Forest" "magicforest">> <<option "Menu Card" "menucard">> <<option "Mork Dungeon" "morkdungeon">> <<option "Not Jam Old Style" "notjamoldstyle">> <<option "Not Jam Serif" "notjamserif">> <<option "OCR-A" "ocra">> <<option "Old Europe" "oldeurope">> <<option "Olde Tome" "oldetome">> <<option "Phorssa" "phorssa">> <<option "Pirates Stoertebecker" "pirates">> <<option "Pixel Parchment" "pixelparchment">> <<option "Pixelated MS Sans Serif" "pixelated">> <<option "PixNull" "pixnull">> <<option "Pseudo-36 (Work in Progress)" "pseudo36">> <<option "Public Pixel" "publicpixel">> <<option "Special Elite" "specialelite">> <<option "Sporting Grotesque" "sporting">> <<option "TT2020" "tt2020">> <<option "Unifont" "unifont">> <<option "VG5000" "vg5000">> <</listbox>> <<done>> <<script>> $('#listbox-font').on('change', function () { var font = "<<" + State.variables.font + ">><<update>>"; $.wiki(font); }); <</script>> <</done>><</widget>> <<widget "fontButtons">><a onclick=fontSize(1)>Increase Font Size ↑</a> · <a onclick=fontSize(-1)>Decrease Font Size ↓</a> · <a onclick=fontSize(0)>Reset Font Size ↕</a><</widget>> <</nobr>>
<<nobr>> <<if ndef $theme>> <<set $theme to "light">> <</if>> <<set $fontsList to ["unifont", "drafting", "liberation", "fira", "cfdts", "junicode", "karla", "tt2020", "opendyslexic", "computermodern", "departure", "ocra", "sporting", "bluunext", "vg5000", "specialelite", "libertinusmono", "ancial", "beholden", "morkdungeon", "publicpixel", "pixelparchment", "classicshit", "magicforest", "menucard", "pixnull", "notjamoldstyle", "notjamserif", "jslblackletter", "oldeurope", "oldetome", "ancial", "earwigfactory", "phorssa", "blackcasper", "gotheroin", "pirates", "pseudo36", "daubenton", "pixelated"]>> <<if !(Story.get(passage()).tags.includes("pinkpage"))>> <<if $theme is "light">> <<lightMode>> <<elseif $theme is "dark">> <<darkMode>> <<elseif $theme is "pink">> <<pinkMode>> <<elseif $theme is "blue">> <<blueMode>> <<elseif $theme is "green">> <<greenMode>> <<elseif $theme is "space">> <<spaceMode>> <<elseif $theme is "fleshpaper">> <<fleshpaperMode>> <</if>> <<if $font is "libertinus">> <<libertinus>> <<elseif $font is "unifont">> <<unifont>> <<elseif $font is "drafting">> <<drafting>> <<elseif $font is "liberation">> <<liberation>> <<elseif $font is "fira">> <<fira>> <<elseif $font is "cfdts">> <<cfdts>> <<elseif $font is "junicode">> <<junicode>> <<elseif $font is "karla">> <<karla>> <<elseif $font is "tt2020">> <<tt2020>> <<elseif $font is "opendyslexic">> <<opendyslexic>> <<elseif $font is "computermodern">> <<computermodern>> <<elseif $font is "departure">> <<departure>> <<elseif $font is "ocra">> <<ocra>> <<elseif $font is "sporting">> <<sporting>> <<elseif $font is "bluunext">> <<bluunext>> <<elseif $font is "vg5000">> <<vg5000>> <<elseif $font is "specialelite">> <<specialelite>> <<elseif $font is "libertinusmono">> <<libertinusmono>> <<elseif $font is "beholden">> <<beholden>> <<elseif $font is "morkdungeon">> <<morkdungeon>> <<elseif $font is "pixelparchment">> <<pixelparchment>> <<elseif $font is "publicpixel">> <<publicpixel>> <<elseif $font is "classicshit">> <<classicshit>> <<elseif $font is "magicforest">> <<magicforest>> <<elseif $font is "menucard">> <<menucard>> <<elseif $font is "pixnull">> <<pixnull>> <<elseif $font is "notjamoldstyle">> <<notjamoldstyle>> <<elseif $font is "notjamserif">> <<notjamserif>> <<elseif $font is "jslblackletter">> <<jslblackletter>> <<elseif $font is "oldeurope">> <<oldeurope>> <<elseif $font is "oldetome">> <<oldetome>> <<elseif $font is "ancial">> <<ancial>> <<elseif $font is "earwigfactory">> <<earwigfactory>> <<elseif $font is "phorssa">> <<phorssa>> <<elseif $font is "blackcasper">> <<blackcasper>> <<elseif $font is "pirates">> <<pirates>> <<elseif $font is "gotheroin">> <<gotheroin>> <<elseif $font is "pseudo36">> <<pseudo36>> <<elseif $font is "daubenton">> <<daubenton>> <<elseif $font is "pixelated">> <<pixelated>> <</if>> <</if>> <<timed 40ms>> <<if !(Story.get(passage()).tags.includes("pinkpage"))>> <<if $theme is "light">> <<lightMode>> <<elseif $theme is "dark">> <<darkMode>> <<elseif $theme is "pink">> <<pinkMode>> <<elseif $theme is "blue">> <<blueMode>> <<elseif $theme is "green">> <<greenMode>> <<elseif $theme is "space">> <<spaceMode>> <<elseif $theme is "fleshpaper">> <<fleshpaperMode>> <</if>> <<if $font is "libertinus">> <<libertinus>> <<elseif $font is "unifont">> <<unifont>> <<elseif $font is "drafting">> <<drafting>> <<elseif $font is "liberation">> <<liberation>> <<elseif $font is "fira">> <<fira>> <<elseif $font is "cfdts">> <<cfdts>> <<elseif $font is "junicode">> <<junicode>> <<elseif $font is "karla">> <<karla>> <<elseif $font is "tt2020">> <<tt2020>> <<elseif $font is "opendyslexic">> <<opendyslexic>> <<elseif $font is "computermodern">> <<computermodern>> <<elseif $font is "departure">> <<departure>> <<elseif $font is "ocra">> <<ocra>> <<elseif $font is "sporting">> <<sporting>> <<elseif $font is "bluunext">> <<bluunext>> <<elseif $font is "vg5000">> <<vg5000>> <<elseif $font is "specialelite">> <<specialelite>> <<elseif $font is "libertinusmono">> <<libertinusmono>> <<elseif $font is "beholden">> <<beholden>> <<elseif $font is "morkdungeon">> <<morkdungeon>> <<elseif $font is "pixelparchment">> <<pixelparchment>> <<elseif $font is "publicpixel">> <<publicpixel>> <<elseif $font is "classicshit">> <<classicshit>> <<elseif $font is "magicforest">> <<magicforest>> <<elseif $font is "menucard">> <<menucard>> <<elseif $font is "pixnull">> <<pixnull>> <<elseif $font is "notjamoldstyle">> <<notjamoldstyle>> <<elseif $font is "notjamserif">> <<notjamserif>> <<elseif $font is "jslblackletter">> <<jslblackletter>> <<elseif $font is "oldeurope">> <<oldeurope>> <<elseif $font is "oldetome">> <<oldetome>> <<elseif $font is "ancial">> <<ancial>> <<elseif $font is "earwigfactory">> <<earwigfactory>> <<elseif $font is "phorssa">> <<phorssa>> <<elseif $font is "blackcasper">> <<blackcasper>> <<elseif $font is "pirates">> <<pirates>> <<elseif $font is "gotheroin">> <<gotheroin>> <<elseif $font is "pseudo36">> <<pseudo36>> <<elseif $font is "daubenton">> <<daubenton>> <<elseif $font is "pixelated">> <<pixelated>> <</if>> <</if>> <</timed>> <</nobr>>