<!-- Регулятор вида, размера и толщины шрифта (с) satsana, forumd.ru -->
<div id="chfont" title="Шрифт в постах">
  <div id="chfontbut"></div>

  <select id="chfontfam" name="chfontfam">
    <option value="0">по умолчанию</option>
    <option value="Arial, Helvetica, sans-serif" style="font-family: Arial, Helvetica, sans-serif">Arial</option>
    <option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
    <option value="Verdana, Geneva, sans-serif" style="font-family: Verdana, Geneva, sans-serif">Verdana</option>
    <option value="Raleway, sans-serif" style="font-family: Raleway;">Raleway</option>
    <option value="Mulish, sans-serif" style="font-family: Mulish, sans-serif">Mulish</option>
  </select>

  <select id="chfontweight" name="chfontweight">
    <option value="0">толщина по умолчанию</option>
    <option value="300">Light (300)</option>
    <option value="400">Normal (400)</option>
    <option value="500">Medium (500)</option>
    <option value="600">Semi-bold (600)</option>
    <option value="700">Bold (700)</option>
  </select>

  <div id="chfontsize">
    <div class="fsizeplus"></div>
    <div class="fsizeminus"></div>
    <div class="fsize"></div>
  </div>
</div>

<script type="text/javascript">
var chfsize, chffam, chfweight;
if(!localStorage.fontsize)localStorage.setItem("fontsize",13);
if(!localStorage.fontfam)localStorage.setItem("fontfam","0");
if(!localStorage.fontweight)localStorage.setItem("fontweight","0");

chfsize=+localStorage.getItem("fontsize");
chffam=localStorage.getItem("fontfam");
chfweight=localStorage.getItem("fontweight");

function setfsize(f){
  localStorage.setItem("fontsize",f);
  $(".fsize").text(f);
  $(".post-content p").css("font-size",f+"px");
}

function setffam(f){
  localStorage.setItem("fontfam",f);
  $("#chfontfam option").removeAttr("selected");
  $('#chfontfam option[value="'+f+'"]').attr("selected","selected");
  if(f!="0")$(".post-content p").css("font-family",f);
  else $(".post-content p").css("font-family","");
}

function setfweight(f){
  localStorage.setItem("fontweight",f);
  $("#chfontweight option").removeAttr("selected");
  $('#chfontweight option[value="'+f+'"]').attr("selected","selected");
  if(f!="0")$(".post-content p").css("font-weight",f);
  else $(".post-content p").css("font-weight","");
}

$(".fsizeplus").on("click",function(){
  chfsize+=1;if(chfsize>72)chfsize=72;setfsize(chfsize);
});
$(".fsizeminus").on("click",function(){
  chfsize-=1;if(chfsize<6)chfsize=6;setfsize(chfsize);
});
$("#chfontbut").on("click",function(){
  $("#chfont").toggleClass("active");
});
$("#chfontfam").on("change",function(){
  chffam=$(this).val();setffam(chffam);
});
$("#chfontweight").on("change",function(){
  chfweight=$(this).val();setfweight(chfweight);
});

$(document).pun_mainReady(function(){
  setfsize(chfsize);
  setffam(chffam);
  setfweight(chfweight);
});
</script>
<!-- Регулятор вида, размера и толщины шрифта (конец) -->