Prince XML + KaTeX

CSSのpage-margin boxというのを触ってみようとしたけど、 Comparison of browser engines (CSS support) - Wikipedia を見たら対応してるのがPrince XMLとMarthaというエンジンしかなかった。 なんとなくPrince XMLの方が導入が楽そうだったからとりあえずPrince XMLを使ってみることにした。

ちょっと数式を出してみようと思ってKaTeXを使おうとしたらKaTeX doesn't work in quirks mode.というエラーが出たので、 KaTeXを読み込む前に

document.compatMode = "CSS1Compat";

という文を実行させて無理やりなんとかした。 適当な数式を表示してみたら根号と分数が mfrac is very long in PDF renderer · Issue #496 · KaTeX/KaTeX · GitHub にある画像みたいな感じでめちゃくちゃ横長に表示されてしまったので、下のCSSを追加したらいい感じになった。 今のところは問題なさそう。

.katex .mfrac .frac-line:before{
    display: none;
}
.katex .mfrac .frac-line:after{
    display: block;
    width: auto;
    border: solid;
    border-width: 0.5px;
    margin-top: -0.3em;
}
.katex .mfrac .frac-line {
    display: block;
    width: auto;
}
.katex .sqrt .sqrt-line:before{
    display: none;
}
.katex .sqrt .sqrt-line:after{
    display: block;
    width: auto;
    border: solid;
    border-width: 0.5px;
    margin-top: -0.3em;
}
.katex .sqrt .sqrt-line {
    display: block;
    width: auto;
}