HTML字体要怎么加粗？_随笔

我们用HTML制作页面的时候，有时需要加粗字体，那么该如何 *** 作呢？下面我给大家分享一下。

工具/材料

Sublime Text

首先我们打开Sublime Text软件，新建一个HTML文档，写入如下内容

运行页面以后我们可以看到默认的字体都是不加粗的，如下图所示

接下来我们给字体添加font-weight属性，设置值为bold，如下图所示

最后在运行页面，我们就可以看到字体加粗了，如下图所示

canvas有一个font属性，用font属性先设定好文字的字体，加粗，倾斜，字号，然后用fillText 或者strokeText插入文字就好了，

给个例子：

<!DOCTYPE HTML>

<html>

<head>

window.onload=function () {

var content = document.getElementById("canvas")

var cxt = content.getContext("2d")

cxt.font = "bold 30px Arial"

//fillText方式

cxt.fillText("随便写点儿啥", 50, 50)

}

</script>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

HTML字体要怎么加粗？