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

Posted

技术标签:

【中文标题】如何仅使用 CSS 摆脱重音符号【英文标题】:How to get rid of accents just with CSS 【发布时间】:2019-02-05 05:25:43 【问题描述】:

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

例子:

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

谢谢!

【问题讨论】:

您的意思是要将Fácil 转换为Facil 对吧? 你不能,只使用css,你可以做大写,小写和大写....看这个:w3schools.com/cs-s-ref/pr_text_text-transform.asp 【参考方案1】:

您可以调整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>

【讨论】:

不理解这里的downvote,这可能是CSS中唯一的方法 @RaymondNijland 一些用户不喜欢 hacks,即使这是 OP 要求的,但它们是免费的 ;)

以上是关于如何仅使用 CSS 摆脱重音符号的主要内容,如果未能解决你的问题,请参考以下文章

如何去除重音符号并将字母变成“普通”的 ASCII 字符? [复制]

如何解码 base64 字符串并获取正确的字符,包括重音符号?

如何忽略 Spring JPA findBy 存储库中的重音符号?

如何从 .NET 中的字符串中删除变音符号(重音符号)?

如何从 .NET 中的字符串中删除变音符号(重音符号)?

MacOS:如何禁用重音字符输入