较大家良好，我是一个刚学前端的较小白。今天要讲的是怎样在HTML中设置字体样式和属性。当前这个东西看起来简洁， 共勉。 但实际情况是有很更多陷阱。我刚启动学的时候就踩了不更少坑，当前分享给较大家，希望能帮到你。

第一一部分：HTML基本字体标签

先来看要说的是那一些老陈旧的HTML字体标签。虽然当前都不用了但还是要了解一下。

1. 标签

当前这个标签已经被废弃了！但是很更多教程还在教它。像这样写：

Hello World

虽然这样能体现出来但千万不要用！这是因为：，正宗。

• HTML5已经彻底移除了当前这个标签
• 浏览器有可能会忽略它
• 代码很不容简单维护
• SEO会受作用于

2.

又爱又恨。 这一些标签还能用， 但它们只是做文本样式改变，不是真实正的语义化标签。比如：

加粗文字
斜体文字
下划线文字
删除线文字

当前更推荐采用CSS来控制这一些样式效果，妥妥的！。

第二一部分：用CSS控制字体

这里才是真实正十分沉关键的一部分！现代化网页全部靠CSS来控制字体样式，搞起来。。

1. font-family属性 - 设置字体族名

当前这个最常用！能够设置更多个不同备用字体：，我直接好家伙。

.text {
  font-family: "Microsoft YaHei", "宋体", sans-serif;
}

注意几点： 中文字体名必须要加引号！否则有可能不生效！比如"微柔软雅黑" 英文字体名能够不加引号，如Arial, Helvetica等 最后再来看一定要写一个通用家族做备份！ 不同操作系统默认安装的字体不同哦！ 不如... 不能保证全部人电脑都有你想用的字体沉重命名错误也会引起失利哦！ 特别提醒：不要直接写微柔软雅黑或宋体之类的中文字体沉重命名错乱简单引起浏览器找不到对应的文件从而渲染成默认样式非常不容简单看！

记住记住再记住！ 一定要先查清楚正确的中文字体沉重命名格式！ 提议参考MDN文档或实际测试确认效果！ 这是最简单犯错也是最作用于美观的一项设置！ 切记切记切记！！！！ 2. font-size属性 - 控制较大较小单位超繁杂！ 这一部分让我头疼死了...单位种类太更多了！