☰

HTML で LaTeX ロゴをタイプセットするための CSS はありますか? 質問する

tag-icon • tag-icon css latex
HTML で LaTeX ロゴをタイプセットするための CSS はありますか? 質問する

私は、CSSを介してHTML文書内に美しく組版されたLaTeXロゴを生成するマクロに相当するCSSを探しています\LaTeX。つまり、

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

CSS では、ローマ字の TeX をギリシャ語に置き換える (可能であれば、Web フォント経由で適切なフォントを使用する) などが必要になります。

きっと私がこれをやりたいと思った最初の人ではないはずです…

ベストアンサー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;
    }
<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>

おすすめ記事