bff85c638b
Test Plan: Opened test page in Chrome and IE8, saw math. Reviewers: emily Reviewed By: emily Differential Revision: http://phabricator.khanacademy.org/D7581
48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>KaTeX Perceptual Diff</title>
|
|
<style>
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 36px;
|
|
}
|
|
div + div {
|
|
margin-top: 0.5em;
|
|
}
|
|
span.text {
|
|
font-family: katex_main;
|
|
}
|
|
</style>
|
|
<script src="../katex.js" type="text/javascript"></script>
|
|
<script type="text/javascript">
|
|
window.onload = function() {
|
|
// If not for IE8, this would be "div > span:not(.text)"
|
|
var spans = document.querySelectorAll("div span");
|
|
for (var i = 0; i < spans.length; i++) {
|
|
var span = spans[i];
|
|
if (span.className !== "text") {
|
|
var tex = span.innerHTML;
|
|
katex.process(tex, span);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<link href="../fonts/fonts.css" rel="stylesheet" type="text/css">
|
|
<link href="../katex.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body>
|
|
<div><span>1\le2+2=4\ge3\ne\pi</span></div>
|
|
<div><span>x^{x^{x_b}_b}x_{b_b}x^x_b</span></div>
|
|
<div><span>\tiny{a}\scriptsize{b}\footnotesize{c}\small{d}\normalsize{e}f</span></div>
|
|
<div><span>\blue{a}\orange{b}\pink{c}\red{d}\green{e}\gray{f}\purple{g}</span></div>
|
|
<div><span>\angle ABC \approx \frac{3}{4}\!\lvert x \rvert \cos\theta</span></div>
|
|
<div><span>\langle a , b \rangle \colon \div \pm \infty</span></div>
|
|
<div><span>(mn)^3=\blue{m^3n^3}\in\dfrac{5m^4\cdot\blue{m^3n^3}}{15m^2} \dfrac{5m^7n^3}{15m^2}</span></div>
|
|
<div><span>\blue\dfrac{\frac{\phi^2}{3}-G_a^{x^3}}{2\times3+4}+\orange\dfrac{(x^2+y^2)^\frac{1}{2}}{\tan\psi^\tau+2/3}</span></div>
|
|
<div><span>\quad 800\cdot (\frac{1}{2})^{\frac{t}{14}}=50</span></div>
|
|
<div><span class="text">text text text</span><span>\dfrac{stuff}{things}</span><span class="text">text text text</span></div>
|
|
</body>
|
|
</html>
|