CSS部分のHTML

<link rel="stylesheet" href="base1.css" media="screen">
<link rel="stylesheet" href="base2.css" media="screen">
<link class="target" rel="stylesheet" href="target.css" media="screen">

ボタンのHTML

<button class="large">大</button>
<button class="noramal">中</button>
<button class="small">小</button>

JavaScript

<button>がクリックされた時に、クリックされた<button>のクラスによってCSSを切り替えるコード。単純な例としてクラス名=ファイル名にしてあります。切り替えるCSSにフォントサイズのスタイルを書いておけば、フォントサイズを切り替えることもできます。

$(function() {
    // ボタンがクリックされたときに…
    $('button').click(function) {
        // ボタンのクラスを取得して…
        var css = $(this).attr('class');

        // link.targetのhref属性を書き換える
        $('link[class="target"]')
            .attr('href', css + '.css');
    });
});