如何更改标志的大小

Question

当写在这样的字母上时，我想将符号 ^ 改得更宽更大：ô

我如何 go 关于这样做？

Answer 1

为此，您需要更改为能够代表该字符的字体。 您可以在页面https://www.w3schools.com/css/css3_fonts.asp中包含非网络安全字体

另一种选择是使用 javascript latex 渲染器并使用它来指定您想要更宽的帽子。 Javascript tex 在 latex 中加宽帽子

Answer 2

虽然繁琐且默认情况下无法访问，但您可以使用 CSS 伪造这样的东西。但我认为jhylands 的答案是正确/最好的； 为了完整起见，我只包括这个。

 .special-letter { display: inline-flex; flex-direction: column; }.special-letter.char { line-height: 0.4em; }.char.caret { transform: scaleX(2); }

 <div class="special-letter"> <div class="char caret">^</div> <div class="char o">o</div> </div>

Answer 3

正如其他答案中所建议的那样，在内部发送带有新“o-with-wide-circumflex”字符的自定义字体可能是最好的解决方案。 然而，根据您的要求，应该可以用 CSS 来近似您想要的：

 .c { transform: scaleX(3); display: inline-block; position: relative; left: -0.25em; }

 <h1>Rhône</h1> <h1>Rho<span class="c">&#770;</span>ne</h1>

这会水平缩放组合抑扬符以使其变宽，然后将其稍微向左微移。

笔记：

1. 屏幕阅读器可能会遇到这种诡计，并且无法再读出这个词。 如果可访问性是一个因素，请使用aria-label和aria-hidden属性。
2. 它看起来是否合理/漂亮取决于浏览器、字体、渲染库等。 它碰巧在这里看起来还不错（Chrome，Linux）。