Javascript 如何更改输入的字体？

我需要使用复选框切换输入标记的字体，我尝试使用javascript和@font-face来实现这一点

html:

---

你可以在不同的类别中使用新字体。然后切换这个类

    .newFontClass{
      font-family: "Some-New-Font" !important;
    }

    $("#sinhala-toggle-checkbox").click(function(){    
       if( $(this).is(':checked') ) {
          $("#comment-input").addClass("newFontClass");
       }else{
         $("#comment-input").removeClass("newFontClass");
      }
   });

---

你可以在不同的类别中使用新字体。然后切换这个类

    .newFontClass{
      font-family: "Some-New-Font" !important;
    }

    $("#sinhala-toggle-checkbox").click(function(){    
       if( $(this).is(':checked') ) {
          $("#comment-input").addClass("newFontClass");
       }else{
         $("#comment-input").removeClass("newFontClass");
      }
   });

---

请检查是否在代码中添加了正确的jQuery CDN：-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

---

剩下的整个代码是正确的

请检查您是否在代码中添加了正确的jQuery CDN：-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

---

---

剩下的整个代码是正确的

只有字体大小改变，而不是字体。顺便说一句，我正试图从服务器加载字体（自定义）。你认为我的浏览器/电脑有问题吗？？我甚至试过禁用chrome.thanx上的direct write，尝试了一种非unicode的字体，并且符合所有建议。只有字体大小发生了变化，而不是字体。顺便说一句，我正试图从服务器上加载字体（自定义）。你认为我的浏览器/电脑有问题吗？？我甚至试过禁用chrome.thanx上的direct write，尝试了一种非unicode的字体，并且所有的建议都能奏效。如果你不能编辑代码，那么你该如何更正代码。我发布的代码是问题的解决方案。我的意思是说代码很好，你只需要在代码中添加我发布的脚本。尝试过了，bt仍然没有更改字体。可能是因为字体是unicode的？除了Fonthanx的家伙，所有的东西（字体颜色，字间距）都会改变，尝试了一种非unicode的字体，所有的建议都适用。如果你不能编辑代码，那么你该如何更正代码。我发布的代码是问题的解决方案。我的意思是说代码很好，你只需要在代码中添加我发布的脚本。尝试过了，bt仍然没有更改字体。可能是因为字体是unicode的？除了Fonthanx的家伙，所有的东西（字体颜色，字间距）都会改变，尝试了一种非unicode的字体，所有的建议都能奏效。尝试过了，bt仍然没有改变字体。可能是因为字体是unicode？thanx的家伙们，尝试了一种非unicode的字体，所有的建议都适用。尝试过了，bt仍然没有改变字体。可能是因为字体是unicode？thanx的伙计们，尝试了一种非unicode的字体，所有的建议都适用。

$(document).ready(function(){
   $("#sinhala-toggle-checkbox").click(function(){
     $("#comment-input").toggleClass("sinhala");
   });
});