设置方法:
<html>
<head>
<style type="text/css">
p.ziti{font-family:"Times New Roman",Georgia,Serif}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="ziti">要更改的字体内容</p>
</body>
</html>
CSS定义可以是:font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
为什么我这里设置了三个,分别用","隔开呢,因为不同版本的操作系统,对字体的支持不同解释如下:
例如微软雅黑不同操作系统不同版本需要如下设置:
Windows XP及以前版本的Windows
font-family: Arial, 宋体, sans-serif
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif
Sorry,英文就无法设置字体了,因为中文字体都包含了英文字体。好在雅黑显示英文还凑合。
Mac及其它操作系统
font-family: sans-serif
系统自带中文字体编码:
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312
需要准备的材料分别有:电脑、浏览器、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”的字体变粗。