html 与希腊字母重叠答案

【问题标题】：html over-line with Greek lettershtml 与希腊字母重叠
【发布时间】：2018-10-01 23:15:44
【问题描述】：

长音和上划线与希腊字母不正确对齐。在下面的代码中，波浪号 (̃) 将正确放置在 pi（或任何希腊字母）上方，但接下来的两个标记不会（'p' 用于比较），而是向右移动。 Lambda 显示了问题的极端性质，使 anti-Lambda（在粒子物理学中）看起来像 Lambda-minus

&pi;&#771; &nbsp; p&#771;<br/>
&pi;&#772; &nbsp; p&#772;<br/>
&pi;&#773; &nbsp; p&#773;<br/>
&Lambda;&#773; &nbsp; L&#773;<br/>

π̃ p̃
π̄ p̄
π̅ p̅
Λ̅ L̅

screen shot: detail of problem with Greek diacritics

任何人都知道如何仅使用字符和实体来解决此问题，即不使用 span 或 LaTex？

谢谢

【问题讨论】：

你是如何显示这个 HTML 的？哪个浏览器，字体等？我在您的屏幕截图中看到了问题，但适用于 Android 的 Stack Overflow 应用程序在这里显示的横线对我来说很好。
Chrome、Firefox、Edge（在 W10 中）：都显示相同的问题。将字体设置为 Calibri 可以使问题不那么严重，但仍然不正确。
在 Chrome 中使用 15 种字体对其进行了测试：Arial、Helvetica、Times New Roman、Times、Courier New、Courier、Verdana、Georgia、Palatino、Garamond、Bookman、Comic Sans MS、Trebuchet MS、Arial Black影响 - 都显示相同的问题
仍然更奇怪：三星 Galaxy/android，堆栈交换应用程序：overbars (̅) 根本不显示（如 Wikipedia en.wikipedia.org/wiki/Overline 上所建议的那样），既不超过 'pi'，也不超过'p'
使用 wordmark.it，唯一可接受的 Lambda-bar 格式使用 Cambria Math (serif) 或 Lucida Sans Unicode (sans)。好奇...

标签： html diacritics entities

【解决方案1】：

这是结果（寒武纪数学 / Lucida Sans Unicode）

<style>
	.serif {font-family: 'cambria math';}
	.sans {font-family: 'Lucida Sans Unicode';}
</style>

<p class='serif'>&pi;&#773; &nbsp; p&#773; &nbsp; &Lambda;&#773; &nbsp; L&#773;</p>
<p class='sans'>&pi;&#773; &nbsp; p&#773; &nbsp; &Lambda;&#773; &nbsp; L&#773;</p>

【讨论】：