Code Block
dark font for code block to work with html
This text font was made using instafonts.io. You can edit it to create your own fonts by clicking the edit button below. You can test out your font by using the text box at the top of the page. Once you're finished editing you can save your font and share the URL with others. Enjoy! :)
Click here for tips
a ➡ @, and your second rule was @ ➡ A, then all the "a" characters would end up being translated to "A". This is because the input text is passed through your rules, one-by-one. You should think of your rules like a step-by-step "recipe" for how to transform the input text into the output text.lizard ➡ 🦎🦎🦎 then all instances of "lizard" in the input box will be translated into 3 lizard emojis.Advanced: If you're feeling ambitious, you can use "regular expressions" (i.e. "regex" rules) to create more complex translation rules than simple substitutions. Here are some examples of regex rules that you can use:
- If a word starts with "m", replace the word with "moo":
/\b(m[^\s]+)/g➡moo - Repeat all the input characters 3 times:
/(.)/g➡$1$1$1 - Add "-moo" to the end of all words:
/\b([^\s]+)/g➡$1-moo - Repeat the final letter of all words:
/\b([^\s]+)([^\s])/g➡$1$2$2 - Replace all new lines (enter/return) with underscores:
/\n/g➡_ - Replace "cat" with "dog" no matter the capitalisation of "cat":
/cat/gi➡dog
Would you like to save them?
Settings
You can define a custom JavaScript function in the box below that will be used to transform your final text after all your rules have been applied. The function must be named "transform" and it should accept one input (text) and return the final output text. If you want a custom transformation, but don't know JavaScript, you could ask ChatGPT (or similar) to help by giving it the preceding instructions, and describing the functionality you want. Here's a screenshot of an example question/answer and here's the example question text to copy/paste.
Do you want the output text to wrap around when it reaches the end of the output box? Usually you do, but with some "multi-line" fonts, you don't.
Do you want to show a "randomize" button for the output text box? This feature only makes sense if your font has "randomization" within its custom JavaScript code. For example, if your custom JavaScript adds some random emojis to the end of the text, then you might want to enable this option.