Как написать очень маленький текст в HTML

Установите размер шрифта на любой, который вы хотите, хотя вы можете обнаружить, что любой шрифт размером менее 9 пикселей может быть слишком маленьким для хорошего чтения. Вы также можете сделать это с помощью em, rem или процентов.

Но вы можете установить размер шрифта следующим образом (например, элемент p, который вы хотите иметь размером 6 пикселей).

 p {font-size: 6px}

Обратите внимание, что вы не импортируете наименьший возможный шрифт — вы задаете размеры элементов html так, чтобы они были небольшим размером шрифта с помощью CSS). Используя этот принцип, вы устанавливаете размер шрифта для всех элементов, которые хотите использовать, например: 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>

Вы можете использовать тег HTML <small>. https://www.w3schools.com/tags/tag_small.asp

Если добавление стилей css не работает, возможно, это связано с автоматической настройкой размера шрифта в вашем браузере.

Попробуйте это, чтобы остановить автоматическую настройку размера шрифта:

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

Можешь попробовать

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

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

Несколько вещей, которые вы должны учитывать

1. убедитесь, что файл .css является последний, который вы загружаете в свой html (например, после Начальная загрузка).
2. используйте атрибут !важный для вашего свойства css (font-size: 4px !important;)
3. если эти 2 предложения не работают, попробуйте добавить встроенный css к своему элементу <p style = "font-size: 4px">I'm a 4 px paragraph</p>

В большинстве (всех?) браузерах установлен минимальный размер шрифта, чтобы по какой-то причине недобросовестные люди не отображали нечитаемый текст. Некоторые браузеры позволяют вам настроить это, но вы просто не можете рассчитывать на то, что на чьем-либо другом компьютере вы сможете отображать размер меньше 9pt.

Если вы не выберете очень старую школу: создайте свой текст как графику.

Или: создайте свой собственный крошечный шрифт - пока он имеет все функции (скажем) шрифта 12pt, он будет отображаться нормально, но если глифы высотой всего в две точки, это то, что вы увидите.