davidrzs / latexcss

Nearly Classless CSS file to give html a latex-like look

LatexCSS

latex.css is a classless CSS file which can be attached to any html document to make it look like latex.

An example can be found here

How to use it?

Just open your html file and add the following to your document head:

<link rel="stylesheet" type="text/css" href="latex.css">

(Of course you still need to download the latex.css file and place it in the same directory) The whole document should now look similar to this example .

Examples

1. The project website
2. A text example
3. A math example

Theorems, Definitions and Proofs

Theorems, Definitions, Remarks and Proofs are supported. Just wrap your content in a div and add the corresponding class to the div like in the following example.

<div class="theorem">...</div>
<div class="definition">...</div>
<div class="lemma">...</div>
<div class="proof">...</div>

Numbered vs Not-numbered

There are two latex.css files in this repository.

1. latex.css -> This is the normal one and numbers the theorems etc.
2. latex_no_numbers.css -> Exactly the same as latex.css but doesn't number the theorems etc.

Credits:

This repository is more or less just a combination of other projects:

• The latex styling has been taken from the awesome WiTeX Github project .
• Theorem, Definition, Lemma and Proof environments have been inspired by this great blog post .
• The Theorem, Lemma and Definition counter has been inspired by a comment on this blog post .