[{"_1":2,"_167":-5,"_168":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","ed575ea3c2fddd4ec3ded6bc2d9d13fc99830dc2","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_148":149,"_164":165,"_166":-5},"handle","dcm31","name","meticulousOrangePlanarian","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":107,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_147":20},"id","96b4bc06-2783-11f0-b46e-569c3dd06744","createdAt",["D",1746210657109],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","96b7ba00-2783-11f0-b46e-569c3dd06744","pinPreview","screenshotVersion","likeCount","d663a026-6449-42f6-9156-1d4a2d64d38c","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ3SGtIMlhlMGwwT0JoSXZJckVVTXJuajN1YyJ9","org",{"_93":94,"_133":130},"avatar","branch",{"_136":137,"_95":43,"_101":138,"_139":102,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},"version",1,"96b50daa-2783-11f0-b46e-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":150,"_95":98,"_151":114,"_152":-5,"_153":138,"_154":137,"_155":107,"_103":156,"_136":32,"_157":158,"_159":160,"_161":20,"_162":-5,"_97":163},"96b7b956-2783-11f0-b46e-569c3dd06744","fileId","parentId","branchId","branchVersion","latest",["D",1743450895559],"fileType","http","content","export default async function (req) {\n // HTML content for our demo\n const html = `\n\n\n \n OpenMoji Font Demo\n \n\n\n

OpenMoji Font Demo

\n \n

This demo showcases the various font formats available in the OpenMoji library. The appearance of each font will depend on your browser's compatibility with different color font technologies.

Try typing your own emoji combinations in the text areas!

\n\n \n

Font Format Compatibility

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Format	Type	Browser Support	Desktop Support	Recommended For
Black (glyf)	Vector	High	High	Universal fallback
COLRv0	Vector	High	Medium	Web (most browsers)
COLRv1	Vector	Medium	Low	Modern browsers (not Safari)
SVG	Vector	Medium	Low	Firefox, Safari
SBIX	Bitmap	Medium	Medium	Apple devices
CBDT	Bitmap	Low	Low	Android, older Chrome
COLRv0+SVG	Vector	High	Medium	Wide compatibility

\n\n \n

OpenMoji Black (Monochrome)

glyf format

\n \n

This is the monochrome version of OpenMoji. It has the widest compatibility across browsers and operating systems but lacks color.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n \n

OpenMoji Color (COLRv0)

glyf_colr_0 format

\n \n

COLRv0 is a widely supported color font format that works in most modern browsers and some desktop applications.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n \n

OpenMoji Color (COLRv1)

glyf_colr_1 format

\n \n

COLRv1 is a newer color font format with advanced features, supported by most modern browsers except Safari.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n \n

OpenMoji Color (SVG)

picosvgz format

\n \n

SVG-based format with compression tricks, works best in Firefox and Safari.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n \n

OpenMoji Color (SBIX)

sbix format

\n \n

SBIX is Apple's bitmap-based format, well supported on Safari, Chrome, macOS, and iOS.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n \n

OpenMoji Color (CBDT)

cbdt format

\n \n

CBDT is an early bitmap-based format that's mostly deprecated but still useful for Android applications and older Chrome browsers.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n \n

OpenMoji Color (COLRv0+SVG Hybrid)

colr0_svg format

\n \n

This hybrid format includes both COLRv0 and SVG in one font, providing excellent browser compatibility across all modern browsers.

😀

Grinning Face

U+1F600

❤️

Red Heart

U+2764

👍

Thumbs Up

U+1F44D

🚀

Rocket

U+1F680

🌈

Rainbow

U+1F308

\n\n

OpenMoji Font Recommendations

For websites: Use COLRv0 with WOFF2 format for best browser compatibility.

For desktop applications: Use the hybrid COLRv0+SVG format with TTF, or try bitmap formats (SBIX or CBDT) if vector formats don't work.

Learn more at GitHub: OpenMoji

\n\n \n\n`;\n\n // Return the HTML\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/meticulousOrangePlanarian/code/main.tsx","extension","actionData","errors"]