web设置字体粗细css_CSS字体家族和Web安全字体介绍

web设置字体粗细css

Web安全字体 (Web Safe Fonts)

Web safe fonts are fonts that are included with most operating systems, the implication of such high availability is that a designer can expect typography involving web safe fonts to appear exactly as intended to most users. Below are non-exhaustive lists of some fonts that are considered web safe at the time of writing, categorized by CSS generic font families.

Web安全字体是大多数操作系统随附的字体，这种高可用性的含义是设计人员可以期望涉及Web安全字体的排版与大多数用户的意图完全一致。 以下是按CSS通用字体系列分类的在撰写本文时被认为是网络安全的某些字体的非详尽列表。

Web safe serif fonts:

Web安全衬线字体：

• Georgia
  佐治亚州
• Times New Roman
  英语字体格式一种

Web safe sans-serif fonts:

Web安全无衬线字体：

• Arial
  Arial
• Tahoma
  塔豪玛
• Trebuchet MS
  Trebuchet MS
• Verdana
  Verdana

Web safe monospaced fonts:

Web安全等宽字体：

• Courier New
  快递新

It is worth noting that font stacks with fallback options including a generic font family should still be used even if your design uses only web safe fonts. For example:

值得注意的是，即使您的设计仅使用网络安全字体，仍应使用带有回退选项的字体堆栈(包括通用字体系列)。 例如：

p {
  font-family: Tahoma, Arial, sans-serif;
}

Web字体注意事项 (A Note on Web Fonts)

Just because some fonts are safer than others does not mean you should confine your designs to using only web safe fonts. Modern designs with CSS can also take advantage of web fonts to ensure consistent typography across operating systems.

仅仅因为某些字体比其他字体更安全，并不意味着您应该将设计限制为仅使用网络安全字体。 使用CSS的现代设计还可以利用Web字体来确保跨操作系统的一致排版。

有关字体的更多信息： (More info on fonts:)

• How to load web fonts correctly

  如何正确加载网络字体

• Google font superfamilies

  Google字体超家族

• How to use Google Fonts in your next design project

  如何在下一个设计项目中使用Google字体

翻译自: https://www.freecodecamp.org/news/web-safe-fonts/

web设置字体粗细css