font-family、font-size 和 font-weight 可控制文本外观。首先设置字体族，如 "Microsoft YaHei", Arial, sans-serif；再设定大小，常用 px 或 rem 单位；最后调整粗细，用 normal、bold 或 300～900 数值，需字体支持。

在CSS中，font-family、font-size 和 font-weight 是控制文本外观最常用的字体属性。合理使用它们可以让网页文字更清晰、美观。

font-family：设置字体类型

这个属性用于定义文本的字体族（字型）。你可以指定一个或多个字体名称作为备选方案，浏览器会按顺序使用第一个可用的字体。

常见用法：

• 使用具体字体名，如：Arial、"Times New Roman"、SimSun（宋体）
• 使用通用字体族作为后备，如：sans-serif、serif、monospace

示例：

察言观数AskTable

企业级AI数据表格智能体平台

78 查看详情

body {
  font-family: "Microsoft YaHei", Arial, sans-serif;
}

说明：优先使用微软雅黑，若系统没有，则尝试Arial，最后使用任意无衬线字体。

font-size：设置字体大小

控制文字的尺寸，常用单位包括像素（px）、em、rem 和百分比（%）。

常用单位说明：

• px：像素，最常用，精确控制大小
• em：相对于父元素字体大小（1em = 父元素当前字体大小）
• rem：相对于根元素（html）的字体大小
• %：相对于父元素字体大小的百分比

示例：

p {
  font-size: 16px;
}
h1 {
  font-size: 2rem;
}

font-weight：设置字体粗细

用于定义字体的粗细程度，常见取值有 normal、bold，也可以用数字表示（100～900）。

常用值：

• normal：等同于 400，正常粗细
• bold：等同于 700，加粗
• lighter：比父元素更细
• bolder：比父元素更粗
• 数值：如 300、500、600、700 等，步长为100

示例：

h2 {
  font-weight: bold;
}
.small {
  font-weight: 300;
}

注意：能否显示特定粗细取决于所选字体是否支持该字重。

基本上就这些。把这三个属性搭配使用，就能很好地控制网页中的文字样式。关键是选择合适的字体、大小和粗细，让内容易读又美观。

以上就是css字体属性font-family、font-size、font-weight如何使用的详细内容，更多请关注其它相关文章！

# css  # html  # 辽宁长沙网站建设  # 第一个  # 你可以  # 选择器  # 很好  # 两种类型  # 最常用  # 中不  # 相对于  # 如何使用  # 微软  # microsoft  # 浏览器  # 营销推广求职简历模板怎么写  # 南山企业类网站建设  # 广州定制网站建设价格  # 罗源网络推广营销费用  # 疫情期间怎么做营销推广  # 要怎样去推广一个网站  # 网站前台优化注意事项  # 许昌网站优化推广技术好  # 网站商城建设骗局揭秘 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 在哪找SublimeJ远程工具_SFTP插件配置教程  蛙漫移动版在线看 蛙漫手机浏览器直达入口  C++如何实现线程池_C++11手动实现一个简单的固定大小线程池  抖音未来赚钱的新趋势 2025年值得关注的变现风口分析  马斯克：Optimus 人形机器人复数形式为 Optimi  微信网页版官方快速登录入口 微信网页版网页版账号直达  PowerPoint如何制作滚动字幕结尾彩蛋_PowerPoint路径动画实现平滑滚动字幕效果  composer的"require-dev"部分是用来做什么的？  CSS自定义字体样式被系统字体替换怎么办_font-face方式指定font-display控制渲染策略  顺丰快递查单号物流信息 顺丰快递小程序查询入口  Go语言中高效处理x-www-form-urlencoded表单数据  Win10如何清理注册表垃圾 Win10注册表维护与优化指南【慎用】  Composer的 archive 命令怎么用_快速打包你的PHP项目及其Composer依赖  谷歌google账号注册详细步骤 谷歌账号注册官方教程  msn官网入口地址手机版 msn官方网站手机最新链接  韩剧圈正版入口页面_韩剧圈官网登录链接  Windows 11怎么彻底关闭定位_Windows 11服务中禁用Geolocation  c++如何使用chrono库处理时间_c++标准库时间与日期操作  12306几点到几点不能订票？ | 官方最新系统维护时间全解析  微博网页版首页入口 微博电脑端官网登录链接  一加Ace 6T实拍样张首次公布！李杰：主摄实力完全看齐4K档性能旗舰  解决Rails应用中内容错位与Turbo警告：meta标签误用导致富文本渲染异常  Win10怎么制作U盘启动盘 Win10系统安装U盘制作教程【详解】  谷歌邮箱网页版官方页面入口 谷歌邮箱网页端快速访问  铁路12306官网网页端快速入口 铁路12306官方首页登录教程  QQ邮箱官方登录入口_QQ邮箱网页版快捷使用平台  痛风发作了怎么办？ 快速止痛和后期饮食调理  css子元素高度不一致导致布局错位怎么办_使用align-items:stretch解决高度差异  如何在复杂的电商平台中优雅地管理共享资源并确保正确重定向，使用spryker-shop/resource-share-page模块助你一臂之力  4399网页游戏电脑版全新入口 4399电脑端在线玩指南  Win10如何清理注册表垃圾 Win10手动清理无效注册表【技巧】  Descript怎样用AI剪辑自动去噪_Descript用AI剪辑自动去噪【自动降噪】  铁路12306的积分有效期是多久_铁路12306积分有效期说明  J*aScript中针对特定容器内图片动画的实现教程  QQ邮箱官网登录入口 QQ邮箱网页版邮箱快速登录  学习通在线学习平台 学习通网页版直接进入课程中心  如何修改开机登录密码_Windows账户安全设置超详细教程【必学】  凉拌黄瓜怎么拌更入味 凉拌黄瓜简单家常做法  初次安装JDK时环境变量如何正确配置_J*A_HOME与PATH设置规则讲解  steam官方入口大全 steam账号注册及操作指南  C++如何实现异步操作_C++11使用std::future和std::async进行异步编程  飞书妙记怎样用语音转文字速记_飞书妙记用语音转文字速记【速记方法】  12306选座怎么选到商务座_12306商务座选择与配置说明  LINUX的perf命令入门_LINUX官方性能分析工具的使用与解读  Python：递归比较文件夹内容并找出特定类型文件的差异  使用Python高效删除Word宏并转换DOCM为DOCX格式  利用Bokeh CustomJS动态控制DataTable列可见性  C++如何比较两个字符串_C++ string compare函数与操作符对比  vivo手机互传视频怎么操作_vivo手机互传视频详细传输方法  2026年发布！ 美少女养成动作RPG《神剑少女战记》发布实机演示