【CSS】フォントサイズ変更の仕方 px と rem と rembase

現在、WORDPRESS 3.5のテーマをtwenty twelveにしているんですが、フォントサイズがデフォルト14pxって少し大きくないですか。
大きすぎるとうるさい感じがするので、12か13に変えたかったんですけど、

フォントサイズ rem って何さ

cssでいうとココですよね。
/* Body, links, basics

html {
font-size: 87.5%;
}
body {
font-size: 14px;←ここを変えてみたけど変らない。
font-size: 1rem;←なんじゃこりゃ。
*/
どうも下のremというやつも替えないといけないみたいで
rem ってなんやねん。どうも急速眼球運動(rapid eye movement)のことでは無いらしいです

CSS頭から読むと
/* =Notes
————————————————————–
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase: 14;
$line-height: 24;

rembaseが14だから
さっきのfont-size: 1rem;
を変えないからずっと14のままなんだな。

ということでもっと読むと

———- Examples
。。。
font-size: 16px
font-size: 1.142857143rem; (16 / $rembase)

つまり、
16pxにしたかったら16/14(rembase)
ということで、12にしたければ12/14を計算すればいいので
font-size:0.857142857rem;
にすれば12pxになりました。

詳しい人はフォントサイズの設定が rembase になったことを大絶賛しているんですけど、
素人には分かりにくかったぜ。