2021-07-24 字体样式属性

1.font-family 字体系列

/* font-family: 指定字体的字体系列; */
/* 是一个降级的关系，前面的字体没有则用后面的字体 */
font-family: "宋体", "华文彩云", "微软雅黑", "黑体";
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

2.font-style 字体风格

/* 默认值: 正体 */
font-style: normal;

/* 斜体: 使用这套字体的斜体风格 */
font-style: italic;

/* 倾斜的字体: 强制把字体倾斜 */
font-style: oblique;

3.font-variant 字体变形

/* 默认值: 标准字体 */
font-variant: normal;

/* 把英文转大写, 但是以小号字体显示 */
font-variant: small-caps;

4.font-weight 字体加粗

/* 默认值, 正常字体大小 */
font-weight: normal;

/* 加粗 */
font-weight: bold;

/* 更粗的 */
font-weight: bolder;

/* 更细的 */
font-weight: lighter;

/* font-weight: 100 - 900; */
font-weight: 550;
font-weight: 900;

5.font-size 字体大小

/* 字体大小 默认16px */
font-size: 16px;

/* 字体大小 最小12px */
font-size: 12px;

/* 字体大小 可以为0 */
font-size: 0;

/* 2个字体大小 */
font-size: 2em;
font-size: 200%;