如何仅使用CSS消除重音

Question

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

例：

h1 {
  text-transform: uppercase;
  /*sth here*/
}

<h1>Fácil</h1>

Tks！

Answer 1

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

\n\n

\r\n

\r\n

h1 {\r\n  text-transform: uppercase;\r\n  line-height: 0.75em;\r\n  overflow: hidden;\r\n}

\r\n

<h1>F\xc3\xa1cil \xc3\xa9 \xc3\xa2 \xc3\xa4</h1>\r\n<h1 style="font-size:25px">F\xc3\xa1cil \xc3\xa9 \xc3\xa2 \xc3\xa4</h1>\r\n<h1 style="font-size:18px">F\xc3\xa1cil \xc3\xa9 \xc3\xa2 \xc3\xa4</h1>

\r\n

\r\n

\r\n

\n\n

和另外一个font-family：

\n\n

\r\n

\r\n

h1 {\r\n  font-family:arial;\r\n  text-transform: uppercase;\r\n  line-height: 0.87em;\r\n  overflow: hidden;\r\n}

\r\n

<h1>F\xc3\xa1cil \xc3\xa9 \xc3\xa2 \xc3\xa4</h1>\r\n<h1 style="font-size:25px">F\xc3\xa1cil \xc3\xa9 \xc3\xa2 \xc3\xa4</h1>\r\n<h1 style="font-size:18px">F\xc3\xa1cil \xc3\xa9 \xc3\xa2 \xc3\xa4</h1>

\r\n

\r\n

\r\n

\n