如何在 HTML 中编写非常小的文本

Question

我想要一个小于 Arial 9px 文本的字体。

我试图找到其他字体名称，但没有成功获得非常小的文本。有没有办法使用 css 轻松实现这一目标？

编辑： 我不能使用 Arial 低于 9px 我已经尝试过字体大小、小号、变换、缩放、其他字体......一切都因为我是一名经验丰富的网络开发人员。

Answer 1

您也可以多次重复小标签，使其尽可能小。有趣的是，我没有在任何地方看到过提到这一点！

<h2>My Headline <small><small><small>(Subject)</small></small></small></h2>

Answer 2

将 font-size 设置为您想要的任何值 - 尽管您可能会发现任何小于 9px 的字体可能太小而无法阅读。您也可以使用 em 或 rem 或百分比来完成此操作。

但您可以按如下方式设置字体大小（例如，您希望大小为 6px 的 p 元素）。

 p {font-size: 6px}

因此请注意，您没有导入尽可能小的字体 - 您正在使用 CSS 将 html 元素的大小调整为较小的字体大小）。使用这个原则 - 您可以为您想要使用的所有元素设置字体大小 - 例如：p、span、a、li、h 等。

但再次强调 - 出于可访问性的目的，我必须警告不要这样做。

 p {font-size: 6px}

p {
 font-family: Arial;
 font-size: 6px;
}

Answer 3

大多数（所有？）浏览器都有最小字体大小，以避免卑鄙的人由于某种原因显示不可读的文本。有些浏览器允许您调整此设置，但您根本不能指望能够在其他任何人的计算机上显示小于 9pt 的字体。

除非您选择非常老派的方式：将文本创建为图形。

或者：创建您自己的自定义小字体 - 只要它具有（例如）12pt 字体的所有功能，它就会显示良好，但如果字形只有两个点高，那就是您将看到的。