html中好看的英文字体,一组漂亮的英文字体在线演示

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

$("#poiret").click(function() {

$("#text").css("font-family", "poiret one")

}); //poiret

$("#lobster").click(function() {

$("#text").css("font-family", "lobster")

}); //lobster

$("#anton").click(function() {

$("#text").css("font-family", "Anton")

}); //anton

$("#Shadows").click(function() {

$("#text").css("font-family", "Shadows Into Light")

}); //Shadows Into Light

$("#open").click(function() {

$("#text").css("font-family", "Open Sans")

}); //open sans

$("#roboto").click(function() {

$("#text").css("font-family", "roboto")

}); //roboto

$("#slabo").click(function() {

$("#text").css("font-family", 'orbitron')

}); //slabo

$("#oswald").click(function() {

$("#text").css("font-family", "oswald")

}); //oswald

$("#roboto").click(function() {

$("#text").css("font-family", "roboto")

}); //roboto

$("#raleway").click(function() {

$("#text").css("font-family", "raleway")

}); //raleway

$("#Montserrat").click(function() {

$("#text").css("font-family", "Montserrat")

}); //montserrat

$("#roboto2").click(function() {

$("#text").css("font-family", "roboto slab")

}); //roboto slab

$("#indie").click(function() {

$("#text").css("font-family", "indie flower")

}); //indie flower

$("#fjalla").click(function() {

$("#text").css("font-family", "fjalla one")

}); //fjalla one

$("#bree").click(function() {

$("#text").css("font-family", "bree serif")

}); //bree serif

$("#pacifico").click(function() {

$("#text").css("font-family", "pacifico")

}); //pacifico

$("#abril").click(function() {

$("#text").css("font-family", "abril fatface")

}); //abril fatface

text = setInterval(function() {

var vval = $("#texttodo").val();

$("#text").text(vval);

});

$("#red").click(function() {

$("#text").css("color", "#e64a45")

});

$("#green").click(function() {

$("#text").css("color", "#8edc9d")

});

$("#blue").click(function() {

$("#text").css("color", "#4db3b3")

});

$("#yellow").click(function() {

$("#text").css("color", "#f2c249")

});

$("#orange").click(function() {

$("#text").css("color", "#e6772e")

});

$("#black").click(function() {

$("#text").css("color", "#444")

});

$("#random").click(function() {

var r = Math.floor(Math.random() * 255);

var g = Math.floor(Math.random() * 255);

var b = Math.floor(Math.random() * 255);

$("#text").css("color", "rgb(" + r + "," + g + "," + b + ")");

$(this).css("color", "rgb(" + r + "," + g + "," + b + ")");

});