时间戳

首页 > 解决方案 > 如何仅使用 CSS 摆脱重音符号

html - 如何仅使用 CSS 摆脱重音符号

问题描述

在不使用 JS 的情况下，我想用 CSS 删除重音符号，以便 HTML 在语义上继续正确，同时在视觉上实现没有重音符号的大写。

例子：

h1 {
  text-transform: uppercase;
  /*sth here*/
}
<h1>Fácil</h1>

谢！

标签： htmlcsstextsemantics

解决方案

您可以调整line-height和使用overflow:hidden，但请注意，使用不同时font-family您可能需要另一个值：

h1 {
  text-transform: uppercase;
  line-height: 0.75em;
  overflow: hidden;
}
<h1>Fácil é â ä</h1>
<h1 style="font-size:25px">Fácil é â ä</h1>
<h1 style="font-size:18px">Fácil é â ä</h1>

与另一个font-family：

h1 {
  font-family:arial;
  text-transform: uppercase;
  line-height: 0.87em;
  overflow: hidden;
}
<h1>Fácil é â ä</h1>
<h1 style="font-size:25px">Fácil é â ä</h1>
<h1 style="font-size:18px">Fácil é â ä</h1>

推荐阅读