LATEX in CSS - cunhapaulo/Referencecard GitHub Wiki

LATEX in CSS

<style scoped>

/* Container for the logo */
.latex-logo {
  font-family: "Latin Modern Roman", "CMU Serif", "Times New Roman", serif;
  letter-spacing: -0.1em; /* Pulls all characters closer together */
  font-weight: 100
}

/* Styles for the raised "A" */
.latex-logo sup {
  font-size: 0.7em;
  vertical-align: -0.25em; /* Raises the A without disrupting line height */
  line-height: 2;
  margin-left: -0.26em;  /* Tucks A slightly over the L */
  margin-right: -0.015em; /* Tucks T slightly over the A */
  color: black;
}

/* Styles for the dropped "E" */
.latex-logo sub {
  font-size: 1em;          /* Maintains standard capital size */
  vertical-align: 0.02em; /* Lowers the E */
  line-height: 2;
  margin-left: -0.05em;
  margin-right: -0.02em;
}

</style>

<span class="latex-logo">L<sup>A</sup>T<sub>E</sub>X</span>
image
⚠️ **GitHub.com Fallback** ⚠️