Chromeのフォントサイズは10px未満でも表示可能になっている

.fz08 {
  font-size: 8px;
}

<ul>
  <li class="fz01">フォント 1px</li>
  <li class="fz02">フォント 2px</li>
  <li class="fz03">フォント 3px</li>
  <li class="fz04">フォント 4px</li>
  <li class="fz05">フォント 5px</li>
  <li class="fz06">フォント 6px</li>
  <li class="fz07">フォント 7px</li>
  <li class="fz08">フォント 8px</li>
  <li class="fz09">フォント 9px</li>
  <li class="fz10">フォント 10px</li>
  <li class="fz11">フォント 11px</li>
  <li class="fz12">フォント 12px</li>
</ul>

.fz01 {
  font-size: 1px;
}
.fz02 {
  font-size: 2px;
}
.fz03 {
  font-size: 3px;
}
.fz04 {
  font-size: 4px;
}
.fz05 {
  font-size: 5px;
}
.fz06 {
  font-size: 6px;
}
.fz07 {
  font-size: 7px;
}
.fz08 {
  font-size: 8px;
}
.fz09 {
  font-size: 9px;
}
.fz10 {
  font-size: 10px;
}
.fz11 {
  font-size: 11px;
}
.fz12 {
  font-size: 12px;
}

/* transformを利用した8px指定 */
.foo {
  font-size: 10px;
  transform: scale(0.8);
  transform-origin: left;
}

/* 今後は普通にフォントサイズを指定するだけで良い */
.bar {
  font-size: 8px;
}