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

解决方案涉及：

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

<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>

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

1 个答案: