html5字体加粗,html5中字体加粗

在html5的画布上，怎么使文字变大并加粗显示？

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

给个例子：

!DOCTYPE HTML

html

head

script type="text/javascript"

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

canvas id="canvas" width="300" height="300"/canvas

/body

/html

相关问答

Q1: 一个用html5写的手机网页，我想加粗一些字体，结果发现只有英文和数字可以加粗，汉字不能加粗，为什么

那你改一下字体字号，看行不行沙

其实就是要做出差异化，可以考虑这个方案。

Q2: 在HTML5中,我们可以使用( )标签来实现对网页中文字加粗的效果？

HTML 5 b 标签

定义和用法

b 标签定义粗体的文本。

b 标签用于强调某些文本。

Q3: HTML字体要怎么加粗？

一、使用html 加粗标签   -   TOP

使用b标签或strong标签即可对文字粗体。

1、分别对应语法如下：

b/b

strongstrong

2、应用案例

1）、html案例完整代码（可以拷贝测试）：

!DOCTYPE html html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title粗体实现 DIVCSS5案例/title /head body 我是正常字体br / b我被b粗体/bbr / strong我被strong粗体/strong /body /html 

2）、html粗体截图：

html粗体标签实现文字粗体加粗是针对那些有条件的人来说，很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的，为了让想学习的人可以更好的学习，给大家推荐一个裙，前面是6 1 1，中间是肆 二 8，最后面就是壹 四  二，这里有很多想学习的人和你一起交流，也有大牛每天晚上免费教学，想要学习的人都可以加入我们，但是我们只欢迎想学习的人，不是来学习，随便看看的就不要进了。

以上是使用两种粗体标签实现html文字粗体，字体加粗方法，希望大家能灵活掌握与应用。

二、使用CSS样式实现文字粗体显示   -   TOP

div+css布局中，使用css样式实现文字字体粗体比较多的，只需要对对象设置一个粗体样式属性即可实现文本粗体，又称为css文字粗体。

1、css粗体样式基础

1）、单词与介绍

font-weight，值为可以为从100到900，和bold，最常用font-weight的值为bold，也是所有浏览器均兼容。

2）、css 粗体语法：

div{font-weight:bold} 

这样就让所有div对象内文字字体加粗

2、粗体css案例

1)、加粗粗体案例HTML源代码（div+css布局案例）（大家可以拷贝使用和测试）

!DOCTYPE html html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title粗体实现 DIVCSS5案例/title style .bold{ font-weight:bold} /style /head body div我是正常字体/div div class="bold"我被font-weight粗体/div /body /html 

2）、加粗案例截图

css样式font-weight粗体用法案例截图

三、关于字体文本粗体总结   -   TOP

样式粗体与html标签粗体 加粗方式

这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。

Q4: 如何设置html5中字体的大小

设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下代码：

html

head

style

#round{

width:400px;

height:200px;

}

#round p{

color:#f00; //设置字体颜色为红色；

}

/style

/head

body

div id="round"

p测试文字/p

/div

/body

/html

Q5: html怎么改变字体大小和颜色

可以用css改变字体的大小和颜色。

1、新建html文件，在body标签中添加文字，这里以p标签内容为“演示文本”为例，这时网页将会显示字体默认大小和颜色：

2、在head标签中添加style标签给页面设置css样式，选择p标签，字体大小用的是“font-size”属性，属性值为字体大小，这里以“30px”为例，这时“演示文本”字体将会变大：

3、选择p标签，字体颜色用的是“color”属性，属性值为颜色，这里以红色“red”为例，这时“演示文本”字体将会变成红色：