需要准备的材料分别有：电脑、浏览器、html编辑器。
坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都纯水机小微创业公司专业提供成都企业网站定制营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的script标签中，输入js代码：
$('td').click(function () {
$('td').css('font-weight', 'normal');
$(this).css('font-weight', 'bold');
});
3、浏览器运行index.html页面，点击“我是A”，此时字体会变粗。
4、再点击“我是B”，此时“我是A”的字体粗度恢复正常，“我是B”的字体变粗。
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粗体标签实现文字粗体加粗
以上是使用两种粗体标签实现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样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。
四、相关扩展阅读 - TOP
1、html b加粗
2、html strong加粗
3、b与strong区别
4、css加粗
5、css font-weight
6、css去掉b strong加粗
7、css去掉h1 h2 h3 h4粗体
!DOCTYPE html
html
head
meta charset="UTF-8" /
title/title
style type="text/css"
.style{
font-family: "microsoft yahei", arial; /*字体样式*/
font-size: 14px; /*字体大小 (参考值： 5px ~ 50px)*/
font-style: italic; /*字体斜体 (参考值： normal italic)*/
font-weight: 500; /*字体加粗 （参考值：300，500，700）*/
}
/style
/head
body
div id=""
css怎么把单个字 cite class="style"拉瘦和歪斜/cite
/div
/body
/html
style
span{font-family:verdana;font-size:24px;letter-spacing:5px;width:600px;filter:dropshadow(color=black,offx=0,offy=1)}
div{font-family:verdana;font-size:12px;letter-spacing:12px;width:600px;filter:dropshadow(color=black,offx=1,offy=0) dropshadow(color=black,offx=2,offy=0) dropshadow(color=black,offx=3,offy=0)}/style
center
没压以前~又高又瘦:BR
spanLOVE YOU FOREVER/spanBRBR
压扁以后~又矮又胖:BR
divLOVE YOU FOREVER/div
你看他的font.css这个文件里，有这么一句
@font-face {
font-family: 'LeagueGothicRegular';
src: url('../fonts/leaguegothic/League_Gothic-webfont.eot');
src: local('☺'), url('../fonts/leaguegothic/League_Gothic-webfont.woff') format('woff'), url('../fonts/leaguegothic/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/leaguegothic/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
font-weight: normal;
font-style: normal;
}
这是引用webfont文件的。
你在你的html文件的header里面也引用一下他的font.css就行了。
加这么一句
link rel="stylesheet" type="text/css" media="all" href="" /
1、打开Dreamweaver输入任意汉字，点击编辑css。
2、选择中文字点击鼠标右键css样式-附加样式表。
3、弹出对话框选择附加样式表。
4、弹出附加样式表中选择文本Verdana，点击确定即可.