需要准备的材料分别有：电脑、浏览器、html编辑器。
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”的字体变粗。
一些常用的font-family包括：
font-family: "微软雅黑","华文细黑",Arial, Helvetica, sans-seriffont-family:"宋体", "Times New Roman", Times, seriffont-faily:"华文细黑",Courier New, Courier, monospacefont-family: "华文仿宋",Georgia, "Times New Roman", Times, seriffont-family:"黑体", Verdana, Arial, Helvetica, sans-seriffont-family:"方正姚体", Geneva, Arial, Helvetica, sans-serif
微软雅黑是windows vista的默认字体，对windows xp用户来说，把它放在“华文细黑”或者“宋体”之前是不错的主意，可以让windows xp用户也体验到微软雅兴黑字体的漂亮，前提是客户端也安装了雅黑字体。
部分字体截图如下：
非常多，可以设置系统中的任何一种字体样式，Windows自带中文字体：宋体、黑体、楷体(GB2312)、仿宋(GB2312)、微软雅黑等。Windows自带英文字体：Arial、Verdana、 Geneva、 sans-seri、Times等。
