CSS与未显示移动浏览器中的前选择器的内容不显示

Question

我在网站标题之前使用::before选择器添加了一个内容。该内容在桌面浏览器中看到/显示，但在移动浏览器中不显示(至少在Google Chrome和Android智能手机上的默认浏览器中(。为什么会发生这种情况以及如何解决？

.site-title a::before {
    color: firebrick;
    content: "Ψ ";
}

讨论中的网站是psihoterapeut.md

Answer 1

我将使用Unicode字符： 03a8(希腊大写字母psi(或 03c8(希腊小字母psi(

问题看起来像字体，您正在使用cursive，尝试删除该字体。

div::before {
 color: firebrick;
 content: "3a8"
}

<div>test</div>