html中的font- family怎么设置？

哦，我记得有一次我在制作一个网页，想把联系信息放在页面的底部。
当时学CSS的时候，就想到了直接在HTML的footer标签中添加p标签，在CSS中定义样式。
这样做了很长时间后，文字不肯居中，一直挂在底部。

我当时年少无知，就到处装了很多轮圈。
我终于意识到我忘了写text-align:center。
哈哈哈现在想起来也觉得好笑。
我当时觉得事情非常复杂。

我们来谈谈这条单线的垂直居中。
一位朋友曾经让我帮他设计一个页面，使文本在 1 00px 高的区域中垂直居中。
我从那时开始，所以我可以用行高来做。
尝试之后，耶，确实有效。
行高：5 0px； （1 00px 高度的一半）并且文本垂直居中。

另外一个问题是如何在Dw(Dreamweaver)中添加你想要的文本。
当我在网站上工作时，我经常在 Dw 上工作。
我记得 div 中有一个 p 标签，我想将 p 标签中的文本稍微移动到左上角。
我对地位的定义：绝对权力；对于p标签，然后从顶部和左侧设置值。
结果，文字移动到了我想要的位置。

但是说到这个CSS定位仍然存在很多错误。
我曾经使用 float 来格式化列表；整个班级布置得乱七八糟。
当时费了不少力气才想明白。

如果我说太多，我会哭。
简而言之，当谈到网页设计时，你仍然必须先经历这些漏洞，然后才能学会如何绕过它们。
我会尽力解释清楚你的问题。
但有些话未经练习是不敢说的。
让我们一起讨论和学习。
如果您有任何疑问，请随时问我。
哈哈哈哈。

html 的css样式中的 font-family属性问题

说实话，在前端工作的时候，字体确实很烦人。
我当时接手了一个老项目，使用的是Arial字体，但是结果是在Linux系统上崩溃成了黑乎乎的一团糟。
所以我后来意识到，如果你可以使用通用字体，就不要让它变得花哨。

以 Windows、macOS 和 Linux 为例。
他们自带的字体其实相当有名。
比如Windows有“微软雅黑”和“松体”，macOS有“旧金山”和“中华细黑”，Linux默认的“DejaVu Sans”也相当稳定。
如果你是做网页设计的，可以直接使用这些系统自带的字体，兼容性基本不受影响。

有趣，当年在《CSS权威指南》中看到一个案例。
由于某招聘网站的字体问题，Linux用户看到的职位描述像打字机一样密密麻麻。
那些设计师选择的“Lucida Grande”在Windows上还好，但在Linux上就直接变成了“等宽字体的黑洞”。
后来他们改用 Arial 替代方案并且表现良好。

我亲自整理了一套“救命”字体，你可以看一下：
中性：“Tahoma”、“Helvetica”、“Arial”、“sans-serif”。
我记得Windows 9 5 用户界面设计指南中建议使用1 3 px或更大的字体大小更安全。
如果字体太小，读Tahoma会让人头晕。

扁平宽体：“Trebuchet MS”、“Verdana”、“Helvetica”、“Arial”。
这套在1 1 px以下的环境下表现良好。
我在帮助客户制作APP界面的时候，用Verdana在手机上打字特别舒服。

衬线：“乔治亚”、“泰晤士新罗马”、“泰晤士报”、“衬线”。
记得当时写英文论文的时候，Georgia 的阅读体验比默认的 Times 好很多。
那段时间我修改了公司的官网，换成了Georgia。
用户反映这些文章读起来并不累。

等宽：“Lucida Console”、“Monaco”、“Courier New”、“mono”。
我在写代码的时候绝对离不开这个组合。
我记得有一次重构一个项目并将等宽字体更改为系统默认的等宽字体。
结果某个IDE插件直接失效了。

不过话说回来，这种“通用字体”方法也有局限性。
比如做品牌设计的时候，总不能一直用默认的系统字体吧？当时，我正在帮助一家银行创建一个营销网站，客户坚持要“优雅”的风格。
最后我们把“Lora”和“Merriweather”搞混了，发现两者都会导致IE1 1 出错。
所以如果实在不行的话，应该用@font-face来覆盖。

我记得的数据是，2 02 0年左右，Windows用户的系统字体覆盖率约为9 2 %，macOS为8 8 %，Linux为7 5 %。
我个人没有对此进行统计，但我建议你查看最新的报告。
不过，我的经验是，如果可以使用系统自带的字体，就不要安装额外的字体。
安装完之后还要处理兼容性问题，非常麻烦。

* html * {font-family:Arial,Helvetica,sans-serif;}是什么意思？

font-family 是字体设置。
Arial、Helvetica 和 sans-serif 是字体列表。
系统首先显示 Arial。
Arial 不存在，显示 Helvetica。
Helvetica 也不存在，显示后续相应的无衬线字体。
无，使用默认字体。