html字体大小如何设置

2 02 3 年，有朋友问我如何设置HTML字体大小，我给他列出了以下方法：
1 .使用 FontSize 属性添加 px 值（例如 FontSize:1 6 px;）。
值越大，字体越粗。
2 . 使用继承来继承父元素的字体大小（例如 font-size:inherit;）。
这将导致子元素与父元素具有相同的字体大小。
3 .使用固定的关键字值，例如font-size:large；这些关键字表示固定的字体大小。
4 .更小或更大，这两个关键字可以将字体大小调整为比其父元素更小或更大。
5 、Font Size:1 5 0%等百分比设置是根据父元素的字体大小计算的。

最后一点，根据您的具体要求和布局选择合适的方法，以确保其在各种设备和浏览器上都能正常显示。
然而，我突然想到，如果我需要更细粒度的控制，我可以使用 em 或 rem 单位。
忘了它。
你自己照顾好它。

HTML字体大小怎么调整_字体可访问性大小设置规范

老实说，当我第一次了解这些单位时，我感到不知所措。
Rem确实是个好东西，而且非常好用。
记得有一次做项目的时候，有用户反映字体太小，看不清。
我很快就改变了浏览器的默认字体，整个页面内容都自动缩放了。
感觉很棒。

我也遇到过与你相关的陷阱。
有一个项目嵌套太深，所以我改变了原来的字体。
结果所有的后代都跟着改变了，我调试了很长时间。
这个百分比实际上和你的类似，但这只是表达方式不同，所以没有太大区别。

vw/vh是非常有趣的单位，特别适合全屏背景或需要随屏幕变化的标题。
但我通常不会单独使用它，因为它会引起问题。
例如，一位客户使用 vw 作为导航按钮。
结果是按钮在超宽屏幕上显得局促，在窄屏幕上则显得过大。
后来我改成了rem+vw混合，效果好多了。

clamp函数绝对是CSS的核心级操作。
当我第一次看到那个食谱时，我立即感到困惑 - 2 rem，5 vw+1 rem，4 rem。
我无法理解这道算术题。
然后我老板建模说：“确保最小值足够小，确保最大值足够大，中间部分根据屏幕”。
我突然意识到这一点。
使用这个功能调整标题大小确实非常灵活。

我学到了关于可访问性的宝贵教训。
有一个旧项目的对比度非常差。
用户后来多次抱怨这一变化就像拆除炸弹一样。
现在，当我处理一个新项目时，我做的第一件事就是使用 ContrastChecker 工具对其进行测试。
如果这不起作用，我就改变颜色。
我还非常仔细地调整了行高和字间距。
有时我添加 0.1 em 字间距，用户会说“这个版本看起来很舒服”。

我对选择字体很挑剔，所以我选择了无衬线字体。
有一个设计师坚持用草书做标志，但我不让他用。
最后的结果证明我是对的。
对齐文本时我也坚持左对齐。
“河流效应”令人烦恼。

事实上，如果你过多地使用这些技能，它们就会变成本能。
现在调整字体大小，用眼睛扫描代码，立即知道如何比较 rem 和 vw。
但你最自豪的是什么？或许是因为采用了夹紧的方式，让公司的官网标题显得流畅——手机在小屏上显示，大屏放大时，大小恰到好处，用户根本感觉不到字体发生变化。

哦，顺便说一句，我差点忘了 lang 属性。
在项目测试期间，我发现屏幕阅读器读错了这个词。
检查后然后我意识到我忘了添加 lang="zh-CN"。
如果这个好的话一定要加上，不然残疾人就没法用了。

这些方法听起来很简单，但如果你真的想用好它们，你必须练习很多次。
在我弄清楚字体方面之前，我只是一次又一次地更改、更改和删除。
现在回想起来，其实最重要的是不要怕麻烦，多尝试几个组合，慢慢就会有数了。

HTML里怎么设置字体大小

哎呀，当我第一次学习 HTML 时，在设置字体大小时遇到​​了很多陷阱。

我记得有一次，我启动了一个项目，在网站上显示一些产品信息。
当时我很兴奋，想着如何让页面美观又实用。
结果一开始使用，就发现字体大小一直处于混乱的状态。
有些地方太大，有些地方太小。
就像模特的衣服一样，难以形容。

当时我使用的是第一种方法，直接在HTML标签中添加style属性。
我写了一段，特意设置了字体大小。
因此，一旦刷新页面，字体大小就会丢失。
我当时很生气，认为这个HTML很不安全。

后来我向一位老人请教，他告诉我可以尝试一下室内样式表。
我按照他的方法，在 HTML <head> 标签之上写了一个