html - html中的某些字体之间没有区别

标签 html css fonts

恕我直言,HTML 中最流行的无衬线字体是 Arial 和 Helvetica。我看不出这些字体之间有什么区别。例如在这段代码中

<!doctype html>
<html><body>
<p style="font-family:sans-serif">I'm seventeen.</p>
<p style="font-family:Arial">I'm seventeen.</p>
<p style="font-family:Helvetica">I'm seventeen.</p>
</body></html>

所有三个段落都是相同的。可以吗?

最佳答案

Arial 和 Helvetica 之间的区别非常微妙,因此您可能无法分辨出其中的区别。 This website highlights some of the more obvious differences例如大写 Q 字符的尾部形状。

由于它们看起来非常相似,如果两者都没有安装,某些系统会用一个替换另一个(特别是,Helvetica 很可能在 Windows 系统上使用 Arial 呈现)。

关于html - html中的某些字体之间没有区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23139125/

相关文章:

javascript - 对齐 TreeView 节点中的文本

html - CSS 和表单问题 - 给我带来冲突 :(

javascript - Angular/Webpack 没有将 styleUrls 绑定(bind)到组件

Css:如何将给定的字体映射到给定的粗细?

html - Google 字体(Pinyon Script)在 Internet Explorer 中工作不一致

jQuery 仅选择具有背景颜色属性的标签?

javascript - HTML5 拖放 - 如何捕获和交换数据属性

javascript - 如何根据javascript中的打开输入来验证文本框

php - 如何在CSS中使用PHP变量

Firefox 中的 <SELECT> 不再支持 CSS 字体系列?