Question

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

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

编辑： 我无法使用Arial进入9px以下我曾经尝试过字体大小，小字体，变换字体，缩放字体，其他字体...一切，因为我是一位经验丰富的Web开发人员。

Answer 1

将字体大小设置为所需的大小-尽管您可能会发现小于9px的任何字体都可能太小而无法正常阅读。您也可以使用em或rem或百分比来做到这一点。

但是您可以按如下所示设置字体大小（例如，您想将p元素的大小设置为6px）。

 p {font-size: 6px}

因此请注意，您不会导入最小的字体-您正在使用CSS将html元素的大小设置为较小的字体。使用此原理-您可以为所有要使用的元素设置字体大小-例如：p，span，a，li，h等。

但是同样，出于可访问性目的，我必须注意这一点。

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

<p>This is a test with Arial font at 6px and is NOT recommended</p>

Answer 2

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

除非您选择非常古老的学校，否则：将您的文本创建为图形。

或者：创建自己的自定义微型字体-只要它具有（例如）12pt字体的所有功能，它就可以很好地显示，但是如果字形仅高两个点，那么您将看到

Answer 3

您可以使用HTML <small>标签。 https://www.w3schools.com/tags/tag_small.asp

Answer 4

如果添加CSS样式无效，则可能与浏览器自动调整字体大小有关。

尝试此操作以停止自动调整字体大小：

* {
    -webkit-text-size-adjust: none; //For chrome browser
}

Answer 5

您可以尝试

div p {
  font-family: 'Arial';
  -webkit-text-size-adjust: none;
  font-size: 5px
}

<div>
  <p>lorem</p>
</div>

Answer 6

您必须考虑的几件事

1.确保.css文件是您在html中加载的最后一个（例如，在 Bootstrap 之后）。
2.在您的CSS属性（font-size: 4px !important;）中使用！important 属性
3.如果这2条建议不起作用，请尝试在元素<p style="font-size: 4px">I'm a 4 px paragraph</p>

中添加 inline-css

如何用HTML编写非常小的文本

6 个答案: