Esiste un CSS per la composizione del logo LaTeX in HTML?

Question

Sto cercando css equivalente alla macro \LaTeX che produrrà un bellissimo logo LaTeX all'interno di un documento HTML tramite css. Cioè,

<p>This web site uses <span class="latex">LaTeX</span> to generate the PDF version of this web page.</p>

Il CSS probabilmente dovrebbe sostituire i caratteri romani TeX con il greco (e utilizzare il font giusto via font web se possibile) ecc

Sicuramente non posso essere la prima persona a voglio fare questo e hellip;

Answer 1

Una ricerca su Google mi ha portato a TeX and LaTeX logo POSHlets.

La soluzione prevede:

<span class="tex">T<sub>e</sub>X</span> 
<span class="latex">L<sup>a</sup>T<sub>e</sub>X</span> 

accoppiato con il CSS:

.tex sub, .latex sub, .latex sup { 
    text-transform: uppercase; 
} 

.tex sub, .latex sub { 
    vertical-align: -0.5ex; 
    margin-left: -0.1667em; 
    margin-right: -0.125em; 
} 

.tex, .latex, .tex sub, .latex sub { 
    font-size: 1em; 
} 

.latex sup { 
    font-size: 0.85em; 
    vertical-align: 0.15em; 
    margin-left: -0.36em; 
    margin-right: -0.15em; 
}