hometypography › texlogo

Pure CSS TeX logos


Edward O'Connor wrote a nifty hack to render the TeX and LaTeX logos in plain CSS and XHTML. I adapted his hack to create a matching XƎTeX logo.

CSS source

.latex {
  font-family: Times, "Times New Roman", serif;	
  letter-spacing: 1px;
}

.latex sup {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.36em;
  margin-right: -0.15em;
}

.latex sub {
  text-transform: uppercase;
  vertical-align: -0.5ex;
  margin-left: -0.1667em;
  margin-right: -0.125em;
  font-size: 1em;
}


XHTML source


TeX


<span class="latex">T<sub>e</sub>X</span>


LaTeX


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


XƎTeX


<span class="latex">X<sub>&#398;</sub>T<sub>e</sub>X</span>

Valid XHTML 1.0 Transitional :: Valid CSS :: Powered by WikkaWiki