如何更改標志的大小

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）。