Is there a way to adjust the following code to ensure the Unicode character with HTML code ◼ prints in red in both Firefox and Edge browsers? Currently, it displays in red in Firefox but in black in Edge.
<html>
<body>
<span style="color:#f00";>◼</span>
</body>
</html>
I tested the page in both Firefox and Edge.
One solution is to change the span to
<span style="color:#f00;
font-family:Segoe UI Symbol">◼</span>
However, I am curious if there is a way to achieve the desired effect without altering the font.