[分享]css中body设置字体失效

CSS中body设置字体失效的原因在网页制作中，我们常常使用CSS来美化页面样式。设置body标签的字体样式，是网页制作的基础之一。但是有时我们会发现，设置body标签的字体样式会失效。那么，这个问题...

CSS中body设置字体失效的原因

在网页制作中，我们常常使用CSS来美化页面样式。设置body标签的字体样式，是网页制作的基础之一。但是有时我们会发现，设置body标签的字体样式会失效。那么，这个问题出在哪里呢？

出现这种问题的主要原因是因为，其他元素设置了自己的字体样式，覆盖了body标签的字体样式，从而导致body标签的字体失效。

解决这个问题的方法，就是在CSS中给其他元素设置字体样式的时候，要注意优先级的问题，比如使用!important来强制设置样式，或者使用更加具体的选择器，从而避免影响到其他元素。

body {
		font-family: "Microsoft Yahei", Arial, sans-serif;
		font-size: 14px;
	}
	
	h1 {
		font-weight: bold;
		font-size: 24px;
	}
	
	h2 {
		font-weight: bold;
		font-size: 20px;
	}