Размер шрифта <12px не действует в Google Chrome - PullRequest
Новая
       33

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

31 голосов
/ 19 февраля 2010

Элементы с размером шрифта css

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

Мой браузер 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>

Результаты из другого браузера: https://i178.photobucket.com/albums/w258/neodeep2001/chrome-font-size-diff.jpg

Ответы [ 13 ]

29 голосов
/ 30 ноября 2010

отключить автоматическую настройку следующим образом. 

* {
    -webkit-text-size-adjust: none;
}
13 голосов
/ 27 января 2016

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

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

font-size:12px;
transform: scale(0.833);/*10/12=0.833, font-size:10px*/
6 голосов
/ 19 февраля 2010

Согласно 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" в текстовом редакторе, вы увидите что-то похожее на следующее?

3 голосов
/ 05 марта 2014

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

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

2 голосов
/ 01 мая 2014

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

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

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

-webkit-text-size-Adjust: none;

-moz-text-size-Adjust: none,

-webkit-text-size-Adjust: нет;

-ms-text-size-Adjust: нет;

font-size-Adjust: нет;

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

2 голосов
/ 19 февраля 2010

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

2 голосов
/ 19 февраля 2010

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

вот так: 

body {
  font-size:10px;
}

#content {
  font-size:12px;
}
1 голос
/ 10 апреля 2013

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

1 голос
/ 19 февраля 2010

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

<p style="font-size:6px !important;">test 6px</p>
1 голос
/ 19 февраля 2010

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

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...