This content originally appeared on DEV Community and was authored by SYAUQIZAIDAN KHAIRAN KHALAF
Well, well, well
Have you realized it? This started 2/3 weeks ago when I created a landing page for my app. I noticed that the emoji on my landing page suddenly turned black and white. I searched for a solution for several hours and realized that the emojis in the [p] tags are still the same but the heading [h1], [h2], [h3] tags and tags that have a font-weight class that has a value of 500 and above will create emojis are black and white.
❎ Bugged emoji because the bold font weight 👇🏻
âś… I try to change the font-weight to 400 and it works and the emoji has a color now
But how to get emoji color without losing the tags font weight? 🤔
- Well you can go use span between the emojis and make write the inline style to make the span has a 400 font weight
Have you experienced it too? or is it just me experiencing it? Let me know in the comments 👇🏻
This content originally appeared on DEV Community and was authored by SYAUQIZAIDAN KHAIRAN KHALAF
SYAUQIZAIDAN KHAIRAN KHALAF | Sciencx (2021-12-07T12:15:58+00:00) Emoji Bug in Heading Tags or Wherever The Emoji Has 500+ Font Weight 🤔. Retrieved from https://www.scien.cx/2021/12/07/emoji-bug-in-heading-tags-or-wherever-the-emoji-has-500-font-weight-%f0%9f%a4%94/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.