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

只需将字体用引号引起来即可。


<头> <脚本类型=“文本/javascript”> 窗口.onload=函数(){ var content = document.getElementById("canvas"); var cxt = content.getContext("2 d"); cxt.font="italic2 0px Verdana"; cxt.fillText("看这个字体",5 0,5 0); cxt.font="bold2 4 px 快递送货新"; cxt.fillText("另一种样式",5 0,1 00); } </脚本> </头> <正文> </正文> </>
字体属性是字符串连接。

也可以单独书写并用引号括起来。

如果想改变样式，直接添加修饰符即可。

fillText 的使用方式与描边文本相同。

你想自己上色吗？
JavaScript cxt.fillStyle="红色"; cxt.fillText("红色文字",5 0,1 5 0);

CSS字体样式设置二（26）

您好，首先我们要创建一个新的 HTML 文件并将其命名为“CSS 字体样式设置 2 (2 6 )”。
请记住这一点，否则浏览器将无法识别它。
然后我们用SublimeText或者什么编辑器打开它，写HTML5 框架，就是啊，啊，<head>，<body>，这些都是基础。

标题中必须有标题。
使用<title>标签写入“CSS字体样式设置2 （2 6 ）”以及<meta charset =“utf-8 ”>。
这就要求浏览器使用UTF-8 编码来显示内容，否则可能会出现乱码。

然后设置字体样式。
对于正常显示，使用字体样式：normal;，对于斜体，使用字体样式：italic;，对于倾斜字体，使用字体样式：oblique;。
要加粗，您需要使用 font-weight。
正常就是正常，粗体就是粗体。
您还可以使用数字，例如 1 00 到 9 00，但有时您的计算机的字体不支持它，因此您可能只会看到普通和粗体。

小型大写字母是字体的变体：小型大写字母；，因此小写字母变小，大写字母保持大写。

如果要设置多种样式，请使用复合字体属性，如font:1 6 px Arial bold italic;。
注意顺序。
字体和字号必须先写，粗体和斜体可以稍后写。

写完后，保存文件，点击查看效果。
有时你必须调整它，对吗？还为您提供了源代码示例。
只需复制粘贴，更改名称后缀即可打开。
通过这种方式，您将学习如何使用 CSS 将这些精美的样式添加到 Web 字体中，以使您的网站看起来更好并提供更好的用户体验。

css如何设置字体粗细css如何设置字体粗细

说实话，CSS中有很多让文本变粗的技巧，我在经历了当时的陷阱后也想通了。
我们先来说说最直接的方式。

最古老、最可靠的是使用 font-weight 属性。
这有很长的路要走，只有几个常用的： CSS 字体粗细：正常； / 正常体重 / 字体粗细：粗体； /突出显示，默认浏览器实现/ 字体粗细：加粗； / 比父元素更勇敢 / 字体粗细：1 00 | 2 00 | 2 00 ... | 9 00; / 数值，1 00最细，9 00最粗 /
我之前创建了一个活动页面，标题使用的字体粗细：7 00;，比默认粗一点，但也不算太夸张，效果刚刚好。
数值方法特别适合需要精确控制的场景，但需要注意的是，并非所有浏览器都会同等地渲染值7 00-9 00。

如今，设计师喜欢使用自定义字体。
这时候font-weight就可以和@font-face配合使用了。
比如上次给客户做H5 页面，我就用了这个技巧： CSS @font-face { 字体系列：'MyBoldFont'； src: url 格式('fonts/MyBoldFont.woff2 ') ('woff2 '), url('fonts/MyBoldFont.woff') 格式('woff'); 字体粗细：7 00； / 这个粗细必须与字体文件匹配/
然后直接在正文中使用： CSS .h1 -标题{ 字体系列：'MyBoldFont'，无衬线字体； 字体粗细：7 00； }
请注意，有一个问题：如果浏览器不支持您定义的字体粗细值（例如，仅支持 4 00 和 7 00），则可能会使用默认字体。
我测试了一下，使用Chrome时是正常的。
Firefox 直接为我使用了系统字体，这已经足够了。

另一个很酷的动作是文本转换和字体粗细的结合。
例如，如果你想制作一个看起来粗体但斜体的标题（兼容性较差，但对某些旧设备很有用），你可以这样做： CSS .标题{ 字体粗细：正常； 文本转换：大写； / 大写字母模拟加粗效果/ 字体间距：-1 px； / 字间距减小 / }
我在 IE6 时代的一个旧项目中使用了这个技巧。
说实话，我现在还没有实际使用过，但是了解一下原理还是有好处的。

浓白是最简单的： CSS .color-white-bold { 颜色：FF； 字体粗细：粗体； }
如果你想让白色变得粗体和阴影，你可以添加文本阴影： CSS .color-white-bold-shadow { 颜色：FF； 字体粗细：粗体； 文本阴影：1 px 1 px 2 px rgba(0,0,0,0.7 ); }
我正在为一个奢侈品网站开发一个页面，标题是这样的。
它是明亮的白色，带有一些阴影，在黑暗的背景下特别有吸引力。

关于CSS配置语句，我总结了几个要点： 1 .设置宽度和高度是一项基本技能，但请注意，并非所有浏览器都识别最大高度。
IE6 +开始支持它，但旧版本的Firefox可能需要添加条件注释才能识别它。
请记住，img 标签是经过特殊处理的。
最大宽度使用率：1 00%；可以防止图像溢出到容器中。
2 . Font-family设置font-family 如果想要有后备机制，我习惯这样写： CSS 身体{ 字体系列：'Noto Sans SC'，无衬线； }
这样，当系统上未安装 Noto Sans SC 时，将使用默认的 sans-serif。
在一个项目中，我忘记添加回滚，结果是整个系列都在一台旧笔记本电脑上，这很糟糕。
3 .字体大小和字体粗细最常一起使用，但设计者总是想混合使用px/em/%，这是非常危险的。
我一般推荐使用rem或者em，百分比基本不用。

最后说一下形式问题。
可以在 或 中直接使用字体粗细和颜色，但如果你真的想要精细控制，你必须再次依赖 CSS： CSS .table-自定义{ 字体系列：'Arial'，无衬线字体； 字体大小：1 4 px； 颜色：3 3 3 ； } .table-custom th { 字体粗细：粗体； 背景颜色：f0f0f0； } .table-自定义 td { 文本对齐：右对齐； / 右对齐 / 内边距：8 px； }
这是我上次做数据报告时所做的。
表中的不同角色需要不同的字体颜色，并且无法仅通过 HTML 标签来控制。

其实，使用Flexbox或者Grid布局后，表格的使用量少了很多，但是一些特定的场景还是依赖它的。
话虽如此，CSS 世界是一个深坑，总有新的东西在等着你。