单击时更改字体

Question

点击按钮后我想改变字体 这是我的代码：

<div id="page">Hello world</div>
<div id="font-load"></div>
<a id="iransans">click me</a>
<script type="text/javascript">
    $("#iransans").click(function(){
        $(document).ready(function() {
            $('#font-load').load("class/client_setting.php?font=iransans", function(){});
            $("#page").addClass("iransans-font");
        });
    });
</script>
<style>
    .iransans-font{
        font-family: iransans !important;
    }
</style>

它不适合我。 我想在单击并添加类后更改字体

Answer 1

试试这样的：

$(document).ready(function(){
    $("#iransans").click(function(){
         //$("#page").css("font-family", 'Arial'); //to change the font directly
         $("#page").addClass("iransans-font"); //to add the class on click
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
.iransans-font{
    font-family: Arial !important; //change your font here..
}
</style> 

<div id="page">Hello world</div>
<div id="font-load"></div>
<a id="iransans">click me</a>