Размер шрифта <12px не действует в Google Chrome

Элементы с размером шрифта css < 12px не действуют в Google Chrome - остаются размер шрифта 12px.

Что мне делать?

В браузере Google Chrome используются настройки по умолчанию. Моя версия 4.0.249.89. Я использую Windows XP.

Вы можете вставить следующий код в свой Google Chrome, чтобы проверить его:

<html>
<body>
<p style="font-size:6px;">test 6px</p>
<p style="font-size:7px;">test 7px</p>
<p style="font-size:8px;">test 8px</p>
<p style="font-size:9px;">test 9px</p>
<p style="font-size:10px;">test 10px</p>
<p style="font-size:11px;">test 11px</p>
<p style="font-size:12px;">test 12px</p>
<p style="font-size:13px;">test 13px</p>
<p style="font-size:14px;">test 14px</p>
<p style="font-size:15px;">test 15px</p>
<p style="font-size:16px;">test 16px</p>
</body>
</html>

Результаты из разных браузеров:

Ответ 1

отключите автоматическую настройку, следуя стилю.

* {
    -webkit-text-size-adjust: none;
}

Ответ 2

-webkit-text-size-adjust больше не работает после Chrome 27.

Попробуйте использовать transform, чтобы опечатать размер шрифта.

font-size:12px;
transform: scale(0.833);/*10/12=0.833, font-size:10px*/

Ответ 3

Согласно http://www.google.com/support/forum/p/Chrome/thread?tid=389f306a52817110&hl=en Chrome поддерживает минимальный размер шрифта. Если вы открываете "Documents and Settings\User_Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences" в текстовом редакторе, вы видите что-то вроде следующего:

   "webkit": {
      "webprefs": {
         "default_fixed_font_size": 11,
         "default_font_size": 12,
         "fixed_font_family": "Bitstream Vera Sans Mono",
         "minimum_font_size": 12,
         "minimum_logical_font_size": 12,
         "sansserif_font_family": "Times New Roman",
         "serif_font_family": "Arial",
         "standard_font_is_serif": false,
         "text_areas_are_resizable": true
      }
   }

Закрытие Chrome, изменение минимального размера шрифта и перезапуск Chrome могут помочь.

Ответ 4

В Chrome установлен минимальный размер шрифта. Mine был установлен на 11px (по умолчанию), поэтому мне пришлось изменить его для просмотра меньших размеров шрифта.

Чтобы изменить минимальный размер шрифта в Chrome, перейдите в: настройки > расширенные настройки > веб-контент > размер шрифтa > настроить шрифты > прокрутите вниз донизу, и вы увидите слайдер минимального размера шрифта.

Ответ 5

это не должно быть правильным, у вас, вероятно, есть элемент, который перезаписывает ваш текущий атрибут.

вот так:

body {
  font-size:10px;
}

#content {
  font-size:12px;
}

Ответ 6

Есть ли минимальный размер шрифта? Установлено ли значение 12px? Включено ли масштабирование страницы/текста? У вас есть какие-либо плагины Chrome, которые изменяют содержимое страницы?

Ответ 7

То же самое для сафари. Я предполагаю, что для удобства доступа установлено значение 9px. Хитрость заключается в том, чтобы не полагаться на то, чтобы ваши шрифты были такими маленькими, чтобы вы взорвали их в css, а не уменьшали их. Это имеет особое значение, если вы создаете свой собственный шрифт, используя что-то вроде icnmoon. Итак, здесь лучше уменьшить размеры глифов в шрифте, так что вы установите их достаточно большими в вашем css, и вы избегаете устанавливать их ниже 9px, если пользователь "масштабирует".

Интересно, что размер шрифта: 0 все еще работает, даже если минимальный размер шрифта установлен в 9px в настройках вашего браузера.

В отношении планшетов и смартфонов и других устройств может быть возможно использовать следующее, чтобы избежать автоматической настройки размера текста, используя следующее:

-webkit-text-size-adjust: none;

-moz-text-size-adjust: none,

-webkit-text-size-adjust: none;

-ms-text-size-adjust: none;

font-size-adjust: none;

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

Ответ 8

Меня устраивает.

Пробовать:

использовать инструменты веб-дизайнера, чтобы проверить, что CSS влияет на ваш элемент
пост html и css aswell, так что мы можем выяснить больше

Редактировать: Последний Chrome (стабильный) отображает это следующим образом:
_{(источник: kissyour.net)}

Ответ 9

что произойдет, если вы сделаете <P> tag a <SPAN> тег

Возможно ли, что вы определили свой <p> где-нибудь рядом?

Ответ 10

Он работает для меня в Chrome 4.0.249.78 (36714), вы можете просматривать кешированную копию?... Попробуйте очистить кеш страниц (я нашел хром, очень люблю его кеш)

Ответ 11

Вы пробовали поставить "! important" предложение за стилями шрифта? Это будет отменять все остальное. По крайней мере, тогда вы будете знать, где искать проблему. Вот так:

<p style="font-size:6px !important;">test 6px</p>

Ответ 12

Chrome не позволяет установить минимальный размер менее 6 пунктов. И текст разборчиво LOT меньше, чем на дисплеях Retina.

Ответ 13

Chrome и Firefox теперь позволяют установить минимальный размер шрифта, равный нулю. В Chrome 73 возникли проблемы с этим, и с тех пор Chrome изменил свою политику и пользовательский интерфейс для этого параметра. Я не знаю историю в Firefox, и я не знаю состояние этого параметра в Safari или других браузерах.

Ответ 14

вы можете использовать

body {
font-size:125%;
}