0

ここにある fontselector を使用しています。フォントを手動で設定する方法が見つからなかったので、独自のフォントを思いつきました。初心者なので、選択したフォントを手動で設定するよりも簡単な方法があるかどうか疑問に思っていました。私は彼らの .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