为什么我们需要斜体/粗体字体文件?HTML Italic/Strong标记和Font之间的区别是什么

Question

如果我们有<em>lt；strong>可以分别用斜体和粗体表示？

Arial窄斜体Arial窄斜体加粗

有没有一种特殊的情况，拥有文件实际上可以使其比浏览器渲染的更完美？例如，浏览器可能有一种通用的方式来制作斜体和粗体，但一个特定的斜体/粗体文件会让它更好吗？

我如何在应用程序中实际使用它们？例如，我需要Caslon 540Caslon 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;
}

这是否有一个开销，你需要在每个元素的html属性中嵌入一个字体样式：斜体，或者会自动检测到它的CaslonItalics？

这里有一个本质上有点类似的问题：<strong>与字体重量相比：粗体&lt；em>与字体样式：italic

Answer 1

1. 最终用户的浏览器可能没有安装字体。请记住，内容是在客户端端呈现的，而不是服务器端
2. 您的内容可能需要特定字体的某些方面（奇数紧排、可用的特定大小、特殊字符、等）才能获得最佳可读性
3. <i>、<em>、等HTML标记对字体根本没有任何作用——它们告诉客户端应该如何呈现它们，客户端选择合适的字体
4. 您可以使用CSS告诉呈现引擎为斜体使用特定的字体，如i, em { font-family: Caslon; }'。不过，这是不鼓励的，因为你剥夺了读者的选择权——他们可能不喜欢你的字体选择