为什么我们需要Italic / Bold字体文件? HTML Italic / Strong标签和Font之间有什么区别?

时间:2014-09-17 19:51:10

标签: html css fonts

如果我们有< em>,为什么我们需要斜体/粗体字体文件? <强>分别可以斜体和粗体?

Arial Narrow Italic Arial Narrow Italic Bold

是否有特殊情况让文件实际上比浏览器可以渲染更完美?例如,浏览器可能有一种制作斜体与粗体的通用方法,但是特定的斜体/粗体文件可以使它更好吗?

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

@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> vs. font-weight:bold & <em> vs. font-style:italic

1 个答案:

答案 0 :(得分:2)

  1. 最终用户的浏览器可能没有安装该字体。请记住,内容正在呈现 client -side,而不是服务器端。
  2. 您的内容可能需要特定字体的某些方面(奇数字距,特定尺寸,特殊字符,等。)以获得最佳可读性。
  3. <i><em>,HTML标签根本不对字体做任何事情 - 它们告诉客户端如何呈现它们,客户端选择合适的字体。
  4. 您可以使用CSS告诉渲染引擎使用特定字体作为斜体,例如i, em { font-family: Caslon; }'。但是,这是不鼓励的,因为你选择远离读者 - 他们可能不喜欢你的字体选择。