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

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

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

В моем браузере 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>

Результаты другого браузера:

источник

2010-02-19 Billy

У вас есть пример, на который мы можем смотреть? Нет причин, почему это не должно работать! – deanWombourne

Я только что добавил образец кода примера. – Billy

Работает для меня без проблем. – Kitson

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

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

источник

2010-11-30 17:41:20

Я думаю, что это должно быть принято как ответ. Хотя остерегайтесь возможных ошибок с помощью этого правила CSS: http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ –

Это работает на Safari, но не для Chrome для меня. – GiantSquid

В chrome 36 нет такого префиксного стиля css ... –

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

так:

body { 
    font-size:10px; 
} 

#content { 
    font-size:12px; 
}

источник

2010-02-19 09:16:02 Paul

Я только что добавил фрагмент кода примера. – Billy

Это работает для меня.

Попробуйте:

использование Webdesigner инструментов, чтобы проверить, что CSS влияет на элемент
после HTML и CSS Aswell, так что мы можем, возможно, выяснить больше

Edit: Последние Хром (стабильный) делает это следующим образом: Rendering in chrome http://h.kissyour.net/so/less12.png

источник

2010-02-19 09:16:20

Я добавил screencap из 4 браузеров. – Billy

сделать снимок экрана css, который влияет на него - щелкните правой кнопкой мыши по одному из «тестового текста: 6 - 11px» и выберите «элемент проверки» или что-то в этом роде (у меня есть локализованный хром) - он должен быть последним (если вы знаете, что я говорю, перестаю читать дальше) - затем открывается инспектор документов, а с правой стороны - панель 'styles' - снимок экрана и публикация PLS, может быть, мы увидим. –

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

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

источник

2010-02-19 09:40:49 Paul

Пример кода достаточно для тестирования. Просто вставьте код в свой Chrome, чтобы посмотреть. – Billy

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

источник

2010-02-19 09:58:11

Это не проблема с кешем. Я использую Windows XP. Проблема возникает только в некоторых ОС? – Billy

Я могу просмотреть html-код, который вы опубликовали, и я использую Chrome в Windows XP Pro (по общему признанию, немного устаревшую версию и бета-версию с поддержкой расширений), кеш - единственное, что я могу подумать, если вы используют один и тот же базовый html при вставке в ваш OP. Что происходит, когда вы используете опцию меню «проверка элемента», отображается ли она как размер шрифта меньшего размера? ... или похоже, что он каким-то образом переопределяется? –

Как насчет просмотра вашего html-файла в окне инкогнито? ... Извините, но я все еще застрял в том, что это кешированная копия файла (мне потребовались годы, чтобы изменить мой аватар с переполнением стека и заставить его отображаться в хроме из-за его чрезмерного кэширования) ... хотя он будет отображаться правильно в окне инкогнито (поскольку он обходил кеш) –

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

источник

2010-02-19 10:24:01 eyelidlessness

Я искал также минимальный шрифт, но я не мог его найти. Не означает, что pref не скрыт где-то. – Anonymous

Я использую настройку по умолчанию и не имею никаких плагинов. – Billy

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

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

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

источник

2010-02-19 12:34:40 Erik

Это не обязательно, если он использует атрибут стиля вместо правила стиля. –

Согласно http://www.google.com/support/forum/p/Chrome/thread?tid=389f306a52817110&hl=en Хром поддерживает минимальный размер шрифта. Если вы откроете "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 может помочь.

источник

2010-02-19 17:10:51

См. Ответ «Digi3 Colin» относительно исправления CSS: '-webkit-text-size-adjust: none;' http://stackoverflow.com/questions/2295095/font-size-12px-doesnt-have-effect-in- google-chrome/4316700 # 4316700 –

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

источник

2013-04-10 19:59:02

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

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

источник

2014-03-05 16:53:09 user1794295

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

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

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

-webkit-текст-размер-регулировка: нет;

-moz-текст-размер-регулировки: нет,

-webkit-текст-размер-регулировки: нет;

-ms-text-size-adjust: none;

font-size-adjust: none;

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

источник

2014-05-01 10:59:58 dan

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

Попробуйте использовать transform для Refuce размер шрифта forcely.

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

источник

2016-01-27 03:45:53 Jaskey

-2

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

body { 
 
font-size:125%; 
 
}

установить 0.5em = 10px.

источник

2016-05-09 12:12:16 benzford

Проблема, кажется, что-то локальное для машины Билли, как судить по комментариям других пользователей. Кроме того, ваш ответ не объясняет, почему размер шрифта Chrome изменился только после того, как шрифт был установлен на более высокое значение, чем 12 пикселей в соответствии с его вопросом. Возможно, попробуйте уточнить свой ответ и не забудьте проверить код HIS, а также ваш код. Если вы не можете реплицировать свою ошибку, вы не можете протестировать свое исправление. – Frits

Привет, Бензфорд. Мой совет вам посвящен новым вопросам, не старым. Поскольку @Frits говорит, что вам нужно действительно взломать ответ, особенно тот, который имеет высокий принятый ответ. Упорно! – micstr

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

ответ

Смежные вопросы