Using Firefox I stumbled upon a page with differently colored characters in the title. How to insert colored characters into a HTML <title> tag? What is this standard called?
Update: Apparently it has something to do with the (UTF?) heart emojis characters. Here is the screenshot:
Instructions on how to insert those can be found here. I made a test Facebook post and it really renders hearts of different colors in Firefox title.
Unicode. Icon symbols AKA: Pictographs ☕, Emojis .
| Symbol | HEX code | Description |
|---|---|---|
| ✍ | ✍ |
Pictograph |
| ✍︎ | ✍︎ |
Pictographs as Standardized Variant |
To use them in your Title:
<title>Hearts 💙💚💛</title>
Hearts
Don't forget that if you have some transportation website and you used this character ⛟ ⛟ for your "⛟ Order now!" button - watch out! Tomorrow it could shine in the competitor's colors — so use the standardized variant: ⛟︎ ⛟︎ - or rather a custom SVG or Font-icon that matches the brand needs.
PS:
Don't use transform: rotate(Ndeg); ☜ ☝ ☞ ☟ it's just matter of time ;)
This isn't colored chars... This is emojis :)
You should use some emoji-support plugin, like this:
https://afeld.github.io/emoji-css/
In addition, you will need to add emoji dynamically in the title (using jQuery, for example), as you will need to load the library first.
The colors are like blinking text you need escape character like \033 or \x1b
PS1='-e ImposterMO@$(pwd)̵t_ '
