dreamdnj 发表于 2017-6-19 14:48:02

HTML学习笔记02-字体设置

CSS字体设置

看教程000600170024 总结笔记:

默认字体:Mac默认字体黑体,微软默认字体雅黑。

系统字体设置font-family
系统自己指定最佳显示字体,不需要我们操心。可以设置font-family:sans-serif;

扩展:
我们自己指定字体,设置font-family:指定字体;

mac:
华文细黑:STHeiti Light
华文黑体:STHeiti
华文楷体:STKaiti
华文宋体:STSong
华文仿宋:STFangsong
儷黑 Pro:LiHei Pro Medium
儷宋 Pro:LiSong Pro Light
標楷體:BiauKai
蘋果儷中黑:Apple LiGothic Medium
蘋果儷細宋:Apple LiSung Light

Windows的一些:
新細明體:PMingLiU
細明體:MingLiU
標楷體:DFKai-SB
黑体:SimHei
宋体:SimSun
新宋体:NSimSun
仿宋:FangSong
楷体:KaiTi
仿宋_GB2312:FangSong_GB2312
楷体_GB2312:KaiTi_GB2312
微軟正黑體:Microsoft JhengHei
微软雅黑体:Microsoft YaHei

装Office会生出来的一些:
隶书:LiSu
幼圆:YouYuan
华文细黑:STXihei
华文楷体:STKaiti
华文宋体:STSong
华文中宋:STZhongsong
华文仿宋:STFangsong
方正舒体:FZShuTi
方正姚体:FZYaoti
华文彩云:STCaiyun
华文琥珀:STHupo
华文隶书:STLiti
华文行楷:STXingkai
华文新魏:STXinwei

字体大小
font-size:像素值或百分比;

字体单位有px,em,%。px为像素,em为当前字体尺寸,浏览器默认文本大小16像素,所以1em默认尺寸为16像素。

字体加粗
font-weight:normal;用默认值加粗。 与<strong>粗体</strong>类似

扩展:还可以定义加粗程度。
font-weight:bold; 定义粗体字符。
font-weight:bolder; 定义更粗字符。
font-weight:lighter; 定义更细字符。

斜体
font-style:italic 设置斜体 与 <i>我是斜体</i> 类似。
font-style:oblique 设置文字倾斜与<em>我是文字倾斜</em> 类似。

扩展:
标签<cite>我是文字倾斜 ,效果没有em强烈</cite>

页: [1]
查看完整版本: HTML学习笔记02-字体设置