MathJax is an open source JavaScript display engine for mathematics that works in all modern browsers.
No more setup for readers. No more browser plugins. No more font installations… It just works.
It is very easy to use, and because it is javascript based, it will probably work with most CMS systems such as Wordpress, Joomla, Concrete5 etc.
MathJax is very customisable, and full documentation is available from the official site. This little guide below should get you started.
First, add the mathJax javascript code to your site by adding the following to the <head> section of your page html.
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"> </script>
(It can also go in the body if necessary, but the head is to be preferred.)
For example, on a Joomla site, edit the file templates/[current_theme]/index.php
To put mathematics in your web page, you can use TeX and LaTeX notation between these delimiters anywhere you have normal text on your site:
\(...\)
for example:
\(\begin{equation}
\frac{1}{k}\log_2 c(f)\;\tfrac{1}{k}\log_2 c(f)\;
\end{equation}\)
will show the following:
\(\begin{equation}
\frac{1}{k}\log_2 c(f)\;\tfrac{1}{k}\log_2 c(f)\;\end{equation}\)
The maths uses web fonts and will scale just like normal text. For example this equation is styled as a heading:
\(\pi=\sum\limits_{n=0}^{+\infty} \frac{{(n!)^2 2^{n+1}}}{(2n+1)!}\)
styled as H1 will show:
These delimirets may be used in-line for example:
the equation \(\pi=\sum\limits_{n=0}^{+\infty} \frac{{(n!)^2 2^{n+1}}}{(2n+1)!}\)
defines \(\pi\)
will show:
the equation \(\pi=\sum\limits_{n=0}^{+\infty} \frac{{(n!)^2 2^{n+1}}}{(2n+1)!}\) defines \(\pi\)
All this is configurable, and you can use MATHML instead of TeX or LaTex. See the MathJax documentation for details.
Colour is also supported using CSS styles.
\(\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\ldots} } } }\)
There is a good quick introduction to Maths in LaTeX here. Skip down to the "Math in LaTeX" section.
Find a LaTeX symbol code quickly just by drawing it on this page http://detexify.kirelabs.org/classify.html