今さら人に聞けない“TeXのロゴ”のキホン

皆さんは **“TeXのロゴ”** をご存知ですよね？ そう、“E”の字がアレになっているアレです。そこで質問です。あなたは“TeXロゴ”を正しく書く（描く？）ことができますか？

確かに、LaTeX文書においては `\TeX` 命令で真っ当なTeXロゴを出力できます。しかし、TeXロゴの熱狂的なファンとしては当然、(La)TeX文書以外、例えば手書きやHTMLの文書においても、TeXに言及する際には真っ当なTeXロゴを使いたいですね。

※私自身は特にTeXロゴの熱狂的なファンではありませんし、TeXの愛用者のすべてがTeXロゴの熱狂的なファンであるわけでもありません。それどころか、「ロゴを普通のテキストの中で用いる」という“稀な”習慣に否定的で、TeXの文書中でもTeXロゴを決して用いない人もいます。

## TeXロゴをヘタに描く6つの方法

少し以前に、ネコ型ロボットの某アニメキャラクターについて、「ヘタに描く6つの方法」というネタが大きな話題になりました。もしかしたら、TeXロゴについても、「ヘタに描く」ことに大きな関心を持っている人がいるかも知れません。ここでは、“コレジャナイ感”に満ちあふれたTeXロゴを手軽に作るためのコツを紹介したいと思います！

 1. “E”の字を他より小さくする
    ![blg-a1.png](https://qiita-image-store.s3.amazonaws.com/0/14550/dfec4681-c3c9-3e55-8152-b51f9829d97d.png)

 2. 字詰めを行わない
    ![blg-a2.png](https://qiita-image-store.s3.amazonaws.com/0/14550/afc5092c-8587-c204-f10b-760b0291a5fb.png)

 3. 書体を周りの欧文と揃えない
    ![blg-a3.png](https://qiita-image-store.s3.amazonaws.com/0/14550/82cfe64d-408f-607a-52cf-ea77f16dff99.png)

 4. ベースラインを周りの欧文と揃えない
    ![blg-a4.png](https://qiita-image-store.s3.amazonaws.com/0/14550/9209096d-6216-06c1-dd99-8fc9ac0198c3.png)

 5. 装飾の多い書体を使う
    ![blg-a5.png](https://qiita-image-store.s3.amazonaws.com/0/14550/0d3b66bc-29ba-eb7e-164c-e1556943efe7.png)

 6. “Tex”と書く[^blg-1]
    ![blg-a6.png](https://qiita-image-store.s3.amazonaws.com/0/14550/d83e7d52-ce77-b5ca-db9d-b8b829059358.png)

[^blg-1]: 「それはロゴを書こうとすらしていない」というツッコミは措いておきましょう。もちろん、「ロゴを書かずに“TeX”と書くのは正当な表記です。

## TeXロゴをそれっぽく描く方法

ヘタなロゴもそれなりに味わいがあっていいものですが、やはりTeXロゴの熱狂的なファンとしては、まともなTeXのロゴの描き方も身につけておきたいところです。

とりあえず、実際のTeX組版の出力をみてみましょう。

```latex:LaTeX
\documentclass{article}
\begin{document}
\TeX
\end{document}
```

```tex:plain TeX
\TeX
\bye
```

![blg-b1.png](https://qiita-image-store.s3.amazonaws.com/0/14550/11ad2e7a-d2cc-706a-8f21-3991a552e2e7.png)

やっぱりコレですね！ もっと詳しく観察しましょう。

![blg-b2.png](https://qiita-image-store.s3.amazonaws.com/0/14550/4ad200bc-4b55-31f6-5458-9b216c3f35c0.png)

この青色のところがポイントです。Tの右上のセリフがEの横棒に、Eの右下のセリフがXのセリフに“触れて”います[^blg-2]。この状態を意識して、字間を詰めたりEの位置を下げたりすればよいわけです。

[^blg-2]: もっとよく見ると、右下の方のセリフはXのセリフをほんの少しだけ突き抜けています。これについてはあまり好ましくないと考える人もいるようです。ただし、「Tの右上のセリフ」と「Eの右下のセリフ」の縦幅は一般的に異なる（普通の書体のデザインだと下側の方が大きくなる）ので、両方の“触れ方”を最適にするのは難しいかも知れません。水平位置についても、横棒の左端ギリギリに触れるのがよいという意見もあります。

もちろん、サンセリフの書体の場合は、上記のセリフを利用した規準は使えません。サンセリフでのTeXロゴの手本となるものとしては、Knuth氏が実際に「The TeXbook」の見出しで用いているものがあります。

![blg-b4.png](https://qiita-image-store.s3.amazonaws.com/0/14550/51d8e0c1-c468-c0fe-e3c4-83da21adacec.png)

セリフの場合と違って、コレといったポイントを明確に書き下すのは難しいですが、「こんな感じ」を念頭に置いて文字を配置すればよいでしょう。

### イロイロな書体で“それっぽいTeXロゴ”

ここで述べた規準に従って色々な書体でTeXロゴを組んでみたものをしめ示します。

![blg-b5.png](https://qiita-image-store.s3.amazonaws.com/0/14550/79394dc9-d288-fd23-66d6-72fcc1c232e9.png)

書体の名前のすぐ下に3つの実数（①,②,③）が記されていますが、これが文字の配置のためのパラメタの値となります。（フォントの全角(em)を単位とします。）

  * ①は‘T’と‘E’の間の字詰めの量
  * ②は‘E’をベースラインから下げる量
  * ③は‘E’と‘X’の間の字詰めの量

## 最適なTeXロゴを実際に使おう

さて、書体ごとに“最適化された”TeXロゴの文字の配置が判ったら、当然、それを実際に使ってみたいですね。画像として実現するのは難しくないでしょう。問題は、文章の中でロゴを使う場合で、ここでもし画像を使ってしまうと、周囲のテキストと合わせるのが大変で、これに失敗すると先に述べた“ヘタ”パターンに陥ってしまいます。ここでは、幾つかの文書作成環境（ソフト）においてTeXロゴを“書く”方法を紹介します。

### LaTeXでTeXロゴしよう！

もちろん、LaTeXでは `\TeX` でTeXロゴが出るのですが、残念ながら文字配置のパラメタを調節することができません。“最適な”TeXロゴを書くには自分でマクロを組む必要があります。

```latex:LaTeXでTeXロゴ
% ①,②,③は先に述べたパラメタの値
\newcommand*{\myTeX}{%
  \mbox{T\hspace{-①em}%
    \raisebox{-②em}{E}%
    \hspace{-③em}X}}
```

例えば、Times（newtxtext パッケージ）で最適な「TeXはアレ」を出力する場合は次のようにします。

```latex:最適な「TeXはアレ」
\documentclass[a4paper]{jsarticle}
\usepackage{newtxtext}
% Timesのパラメタ値を書き込む
\newcommand*{\myTeX}{\mbox{T\hspace{-0.132em}%
  \raisebox{-0.171em}{E}\hspace{-0.084em}X}}
\begin{document}
{\TeX}はアレ
\end{document}
```
![blg-c1.png](https://qiita-image-store.s3.amazonaws.com/0/14550/dc3c8d1e-8cc2-2bdb-de21-922a32495619.png)

### HTML+CSSでTeXロゴしよう！

実際のWebページで“それっぽい”TeXロゴを書くためによく使われているのは次のような方法です。

```html:HTML
<!-- e(小文字)にクラスを付ける -->
T<span class="e">e</span>X
```

```css:CSS
.e {
  line-height: 0; text-transform: uppercase;
  /** ①,②,③は先に述べたパラメタの値 **/
  margin-left: -①em; margin-right: -③em;
  vertical-align: -②em; 
}
```

HTMLで“e”を小文字で書いて、それをCSSを text-transfrom で大文字に変換して表示している理由は、こうしておくとテキスト情報が“TEX”でなく適切な“TeX”となるからです。

Palatinoを使う例を示します。

```html:HTML
Hello, T<span class="e">e</span>X world!
```

```css:CSS
body {
  font-family: "Palatino", "Palatino Linotype";
}
.e {
  line-height: 0; text-transform: uppercase;
  /** Palatinoのパラメタ値を書き込む **/
  margin-left: -0.140em; margin-right: -0.102em;
  vertical-align: -0.161em; 
}
```

![blg-c2.png](https://qiita-image-store.s3.amazonaws.com/0/14550/e9a5c5cd-fcac-fc81-3737-1a98f935a139.png)

### Microsoft WordでTeXロゴしよう！

Word 2013の場合、こんな感じです（説明サボり）[^blg-5]。
他のバージョンでも同じ感じでしょう（説明サボり）。

[^blg-5]: Wordの場合、ある文字に対する「文字間隔」の設定は次の文字との間に適用されるようなので、“T”に①の字詰め、“E”に③の字詰めと②の字下げを設定すればよいでしょう。なお、字下げ設定は0.5pt単位でしか調整できないようです（今の場合、文字サイズが10.5ptなので最適値は 10.5pt×0.26=2.73pt）。

![blg-d1.png](https://qiita-image-store.s3.amazonaws.com/0/14550/ec88403d-0fd3-45cb-2a8b-c66ba8cce7ef.png)

## まとめ

TeXロゴの熱狂的なファンではない一般人は、**無理せずに普通に「TeX」と書きましょう！**