前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css-font

css-font

原创
作者头像
meowrain
发布2022-06-23 18:27:44
3210
发布2022-06-23 18:27:44
举报
文章被收录于专栏:MeowRain的博客MeowRain的博客

title: css-font

tags: 笔记

categories: 笔记

author: 喵雨

date: 2022-06-19 09:51:07

coverImg:


font-family

代码语言:css
复制
h2 {
    font-family: Arial, "Microsoft YaHei UI";
}

font-size

代码语言:css
复制
h3 {
    font-size: 20px;
}

谷歌浏览器默认的文字大小为16px 可以给body指定页面所有文字的大小 标题标签比较特殊,需要单独指定其文字大小

font-weight

font-weight的各项属性,查看https://blog.csdn.net/jinse29/article/details/123272048

代码语言:css
复制
p {
    font-weight: bold;  /粗体
    font-weight: bolder; /	定义更粗的字符。
    font-weight: lighter; /定义更细的字符。
    font-weight: normal; /默认粗细,对应数字400
    font-weight: inherit; /规定应该从父元素继承字体的粗细。
    font-weight: initial; /	将此属性设置为其默认值。
    font-weight: revert;
    font-weight: unset;
    font-weight: 700; /不用加单位,等价于bold
    /提倡使用数字 表示加粗或者变细
}

font-style

代码语言:css
复制
p {
    font-style: normal;
    font-style: italic;
}
normal 文字不倾斜
italic 文字倾斜
平时我们很少给文字加斜体,反而要把斜体标签(em,i)改为不倾斜字体

font复合写法

代码语言:css
复制
div {
    font: italic 700 16px "Microsoft YaHei UI";
}
顺序 : 斜体/正常体 粗度 大小 字体
        font-style font-weight font-size font-family

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • font-family
  • font-size
  • font-weight
  • font-style
  • font复合写法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档