为什么我们需要斜体/粗体字体文件？HTML Italic/Strong 标签和字体有什么区别？

Question

如果我们有分别可以斜体和粗体的 <em> <strong> ，为什么我们需要斜体/粗体字体文件？

Arial Narrow Italic Arial Narrow Italic Bold

是否有一个特殊的场景，让文件实际上可以使它比浏览器可以呈现的更完美？例如，浏览器可能有一种通用的方式来制作斜体与粗体，但是特定的斜体/粗体文件可以使它更好吗？

我如何在应用程序中实际使用它们？例如，我需要 Caslon 540 Caslon 540 italic ，我得到两个文件。我是否将它们视为完全不同的字体

@font-face {
  font-family: Caslon;
  src: url(fonts/Caslon.ttf);
}

@font-face {
  font-family: CaslonItalic;
  src: url(fonts/CaslonItalic.ttf);
}

这看起来更容易实现？

或者我真的有一种具有不同字体的字体：样式规范？

@font-face {
  font-family: Caslon;
  src: url(fonts/Caslon.ttf);
    }

@font-face {
  font-family: Caslon;
  src: url(fonts/CaslonItalic.ttf);
  font-style: italics;
}

这是否有开销，您需要将 font-style:italics 嵌入到每个元素的 html 属性中，或者会自动检测到它的 CaslonItalics ？

这里有一个本质上有点类似的问题：<strong> vs. font-weight:bold & <em> vs. font-style:italic

Answer 1

1. 最终用户的浏览器可能未安装该字体。请记住，内容是在客户端呈现的，而不是在服务器端呈现。
2. 您的内容可能有些方面需要特定字体的某些方面（奇数字距调整、可用的特定大小、特殊字符等）以获得最佳可读性。
3. 的<i>，<em>，等，HTML标记不会在所有做任何的字体-他们告诉客户他们应该如何呈现，并且客户端选择合适的字体。
4. 您可以使用 CSS 告诉渲染引擎为斜体使用特定字体，例如i, em { font-family: Caslon; }'. 但是，这是不鼓励的，因为您将选择权从读者手中夺走——他们可能不喜欢您选择的字体。