0

我正在使用此处找到的字体选择器。我没有看到手动设置字体的方法，所以我想出了自己的方法。作为一个新手，我想知道是否有比我现有的更简单的手动设置所选字体的方法。我试图理解他们的 .js 文件，但我无法弄清楚是否有更简单的方法来做我想做的事。

我的小提琴/// 堆栈溢出不会让我发布 JS 链接...看我的小提琴

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>


/// STACK OVERFLOW WOULDN'T LET ME POST THE JS links...see my fiddle


    <script>
    $(document).ready(function(){
           $('#fonts').fontSelector({
            fontChange: function(e, ui) {
                $('span.handle').html('&#9660;');
                $('ul.fonts').hide();
                $(".fonts").children().removeClass('selected'); // remove the "selected" class on everything
            }
           });

           $("#changeFont").on("click",function(){
               var selectedFont = "Ruda";
               $(".fonts").children().removeClass('selected');
               $(".fonts").find("li:contains(Ruda)").addClass('selected');
               $('div.fontSelector h4.selected').text("Ruda").css("font-family","Ruda");
           });
    });

    </script>

</head>


<body>

<button id="changeFont">Change Font</button>
<select id="fonts">
  <option value="Chelsea Market">Chelsea Market</option>
  <option value="Droid Serif" selected="selected">Droid Serif</option>
  <option value="Ruluko">Ruluko</option>
  <option value="Ruda">Ruda</option>
  <option value="Magra">Magra</option>
  <option value="Esteban">Esteban</option>
  <option value="Lora">Lora</option>
  <option value="Jura">Jura</option>
</select>

</body>
</html>
4

0 回答 0