블로그에 MathJax를 적용했습니다.

공지사항2011. 3. 20. 21:23
MathJax는 현재 지원하는 대부분의 최신 브라우저에서 JavaScript 엔진만을 사용하여 수식을 구현하는 기술입니다. 이 기술을 통하면 웹에서도 수식을 비교적 자유롭게 사용할 수 있으며, 수식을 이미지로 렌더링해주는 다른 페이지들과는 달리 인쇄시에도 깨끗한 수식을 얻을 수 있습니다.

사용법은 보통 $\TeX$ 을 사용할 때와 동일합니다. 달러기호() 두 개 사이에 수식을 입력하면 그것이 렌더링되서 나오게 됩니다. 예를 들어서 \$ y^2 = x^3 - 2 \$ 는 $ y^2 = x^3 - 2 $와 같이 렌더링 될 것입니다. 그 외에도 여러가지 사용법이 있지만, 여기서는 생략하도록 하겠습니다.

[ 안내 사항 ]
  1. 아무런 설치 없이도 MathJax가 정상적으로 작동하겠지만, 속도를 높이기 위해서는 STIX fonts를 설치할 것을 권장합니다. 설치 방법은 MathJax Font Help 페이지에서 살펴보시기 바랍니다.

  2. FireFox의 경우, 웹폰트와 관련된 보안 규정으로 인해 인쇄를 포함한 몇몇 경우에 폰트가 제대로 적용되지 않을 수 있습니다. 따라서 이 경우에도 1번에서처럼 STIX fonts를 설치하는 것을 권장합니다.

참고로 아래는 제가 자주 사용하는 환경 설정입니다.

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/javascript">
MathJax.Hub.Config({
   jax: ["input/TeX","output/HTML-CSS"],
   tex2jax: {
      inlineMath: [['$','$'], ['\\(','\\)']],
      processEscapes: true
   },
   "HTML-CSS": {
      availableFonts: ["STIX", "TeX"],
      preferredFont: "STIX"
   }
});
</script>