Как избавиться от акцентов просто с помощью CSS - PullRequest
Новая
       7

Как избавиться от акцентов просто с помощью CSS

0 голосов
/ 30 августа 2018

Без использования JS я хотел бы удалить акценты с помощью CSS , чтобы HTML продолжал семантически корректно, а визуально достигнув UPPERCASE без акцентов.

Пример: 

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

Tks!

1 Ответ

0 голосов
/ 30 августа 2018

Вы можете настроить 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>
...