Alguém sabe como fazer isso?

Philippe Henrique · 20 de julho de 2017

Achei na internet um texto em cima de outro texto, queria saber como fizeram isso:

Skͩȋͤtͣtͩo

alguém tem ideia?

isrnick · 20 de julho de 2017

Isso é num site? Olhe o HTML da página usando o modo de inspeção do navegador pra ver como fizerem...

Edit: Pesquisando descobri que se trata da combinação de 2 caracteres unicode: http://unicodelookup.com/#kͩ/1

Philippe Henrique · 20 de julho de 2017

@isrnick Obrigado. Mas parece que não teve nenhuma alteração html, sabe como posso deixar uma letra qualquer em cima de outra?

edit: @isrnick É isso mesmo que você disse, consegui editando um arquivo html. Valeu!

isrnick · 20 de julho de 2017

1 hora atrás, Philippe Henrique disse:

@isrnick Obrigado. Mas parece que não teve nenhuma alteração html, sabe como posso deixar uma letra qualquer em cima de outra?

Acredito que o mais simples seria copiar cada um de uma tabela com os caracteres já combinados como essa:

https://gist.github.com/dduleone/8717635

Note que apenas 13 letras pequenas estão combinadas, isso porque essas 13 são as únicas disponíveis no bloco "Combining Diacritical Marks" do Unicode ( https://en.wikipedia.org/wiki/Combining_Diacritical_Marks ).

Existem mais no bloco "Combining Diacritical Marks Extended" com códigos indo da faixa do 0x1DC0 até 0x1DFF mas depende da fonte que está sendo usada ter uma representação desses caracteres.

Você também pode usar uma ferramenta como essa pra fazer as combinações: https://www.cs.tut.fi/~jkorpela/fui.html8

Mas se você só quer sobrepor texto sobre outro texto em geral em HTML, basta usar a tag <ruby>:

<!DOCTYPE html>
<html>
<body>

<ruby> k <rt> d </rt> </ruby>

<br><br>

S
<ruby>k<rt>d</rt></ruby>
<ruby>i<rt>e</rt></ruby>
<ruby>t<rt>e</rt></ruby>
<ruby>t<rt>d</rt></ruby>
o

<br><br>

S<ruby>k<rt>d</rt></ruby><ruby>i<rt>e</rt></ruby><ruby>t<rt>e</rt></ruby><ruby>t<rt>d</rt></ruby>o

<br><br>

<ruby> Skitto <rt> deed </rt> </ruby>

</body>
</html>