是否有用于在HTML中排版LaTeX徽标的CSS？

Question

我正在寻找相当于\LaTeX宏的CSS ,它将通过CSS在HTML文档中生成一个精美排版的LaTeX徽标.那是,

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

CSS可能应该用希腊语替换罗马字符TeX(如果可能的话,通过网络字体使用正确的字体)等.

当然,我不能成为第一个想要这样做的人......

Answer 1

Google搜索引导我访问TeX和LaTeX徽标POSHlets.

解决方案包括:

    .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;
    }

加上CSS:

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