css如何修改字体样式?

css如何修改字体样式?比如黑体、宋体、微软雅黑、英文字体等字体如何设置?下面本篇文章给大家介绍一下使用css修改字体样式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css如何修改字体样式?

在CSS中,可以通过font-family属性来修改字体样式。

font-family 规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

有两种类型的字体系列名称:

  • 指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。

  • 通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

.divcss5{font-family:"微软雅黑"}
<div class="divcss5">为div容器设置了字体为微软雅黑</div>

示例:

常用的中文字体:

1、黑体

2、宋体

3、微软雅黑

请勿乱添加自己电脑安装字体,不然会造成因为客户电脑没有安装你设置字体,造成设置字体样式失效。

中文字体的中文字需要转unicode编码

为了避免IE9等浏览器对直接设置中文字体汉字兼容问题,ie9中文汉字字体造成line-height失效,建议将设置字体的中文汉字转为unicde,转码后设置字体效果相同不受影响,会兼容有些浏览器不支持中文汉字的问题。

  • 黑体 转unicode为 \9ED1\4F53

  • 宋体 转unicode为 \5B8B\4F53

  • 微软雅黑 转unicode为 \5FAE\8F6F\96C5\9ED

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css如何修改字体样式?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读