質問: 'font_large'){ $('html').css('font-size', big); } // 小 $('#small').click(function(){ $('html').css('font-size', small); Cookies.set('cookieFontSize', 'font_medium', { expires: 7 }); return false; }); // 大 $('#big').click(function(){ $('html').css('font-size', big); Cookies.set('cookieFontSize', 'font_large', { expires: 7 }); return false; }); }); ```
回答: > > 下のソースですと軽くて事象が確認できないかもしれません。 > > > そもそもJavaScriptでやってることは「html読み込み後、css指定」ですよね。 でしたら提示のようになるのは当然ですし、 ご自身が仰っているようにコード量が多いと読み込み時間とか諸々で更に時間がかかるのは当然かと思います。 確実に反映させたければ、htmlが読み込まれる前、cssファイルの読み込みと同じくらいのタイミングにする必要があります jQuery(function($){ ↑がある以上はhtmlの読み込みを待ってから動きます~~し、かといって除いてしまっては $('html') がない状態で動かすことになるのでたぶん効きません。~~ phpなどサーバー側の言語でCookieを読み込んでstyleタグを設置するしかないのではないでしょうか。