如何用js实现字体转移

2025-03-18 04:09:54

1、打开Sublime text 3,新建一个html文档。并且定义一下基本的框架。同时另外创建一个js文档。

如何用js实现字体转移

2、<h1>The first one</h1><h2>The second one</h2><h3>The third one</h3>先创建三句话作为示范。

如何用js实现字体转移
如何用js实现字体转移

3、这个时候在标签里面加上id。然后在下面加入:<script src="js文件名">&造婷用痃lt;/script>然后编写js代码。var colorful = document.getElementById("colorful");colorful.style.color = "blue";这个时候可以看到字体变为蓝色。转移字体颜色。

如何用js实现字体转移
如何用js实现字体转移

4、var fz = document.getElementById("fz");fz.style.fontSize = "50px";我们还可以转移字体的大小。

如何用js实现字体转移
如何用js实现字体转移

5、var ff = document.getElementById("ff");ff.style.fontFamily = "Impact";也可以转移字体,不同字体有不同名字。

如何用js实现字体转移
如何用js实现字体转移

6、var fs = document.getElementById("fs");fs.style.fontStyle = "italic";这样可以转移字体的样式,比如斜体。

如何用js实现字体转移
如何用js实现字体转移
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢