Регулятор вида и размера шрифта
Код:
<!--------- Регулятор вида и размера шрифта (с) 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="'Comic Sans MS', cursive, sans-serif" style="font-family: 'Comic Sans MS', cursive, sans-serif;">Comic Sans</option>
<option value="'Courier New', Courier, monospace" style="font-family: 'Courier New', Courier, monospace">Courier</option>
<option value="Georgia, serif" style="font-family: Georgia, serif">Georgia</option>
<option value="'Lucida Console', Monaco, monospace" style="font-family: 'Lucida Console', Monaco, monospace">Lucida Console</option>
<option value="'Lucida Grande', 'Lucida Sans Unicode', sans-serif" style="font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif">Lucida Grande</option>
<option value="Tahoma, Geneva, sans-serif" style="font-family: Tahoma, Geneva, sans-serif">Tahoma</option>
<option value="'Times New Roman', Times, serif" style="font-family: 'Times New Roman', Times, serif">Times New Roman</option>
<option value="'Trebuchet MS', Helvetica, sans-serif" style="font-family: 'Trebuchet MS', Helvetica, sans-serif">Trebuchet</option>
<option value="Verdana, Geneva, sans-serif" style="font-family: Verdana, Geneva, sans-serif">Verdana</option>
</select>
<div id="chfontsize">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
</div>
<script type="text/javascript">
var chfsize, chffam;
if (!localStorage.fontsize) localStorage.setItem("fontsize", 13);
if (!localStorage.fontfam) localStorage.setItem("fontfam", "0");
chfsize = +localStorage.getItem("fontsize");
chffam = localStorage.getItem("fontfam");
function setfsize(f) {
localStorage.setItem("fontsize", f);
$(".fsize").text(f);
// Изменяем шрифт для обоих селекторов
$(".post-content p").css("font-size", f + "px");
$("#pun-index .category .tcl").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);
$("#pun-index .category .tcl").css("font-family", f); // Добавлено
} else {
$(".post-content p").css("font-family", "");
$("#pun-index .category .tcl").css("font-family", ""); // Добавлено
}
}
$(".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);
});
$('#chfontsize .fsize').on('dblclick', function() {
chfsize = 12;
setfsize(chfsize);
});
$(document).ready(function() { // Исправлено на .ready()
setfsize(chfsize);
setffam(chffam);
});
</script>
<!-- Регулятор (с) satsana, forumd.ru (конец) -->Источник и пример - здесь.