определить размер шрифта браузера

Можно ли определить размер шрифта браузера?

Типа, но это редко бывает хорошей идеей. Предполагая, что для ‹body> не задан размер шрифта и нет мешающих правил (таких как «body div»):

var measure= document.createElement('div');
measure.style.height= '10em';
document.body.appendChild(measure);
var size= measure.offsetHeight/10;
document.body.removeChild(measure);

дает вам размер в пикселях 1em.

Также возможно ли определить новый размер шрифта, когда пользователь меняет размер шрифта при выборе меню?

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

Насколько я знаю, нет способа узнать. Вы просто предполагаете, что размер по умолчанию составляет 16 пикселей, что является стандартом.

Лучше всего установить все размеры шрифта в ems, которые масштабируются в соответствии с базовым размером шрифта.

Большинство людей устанавливают базовый шрифт в 10 пикселей, что облегчает работу с ems.

Пример

16px = 1em

p {
    font-size:2em;
}

Это будет равно 32px

10px = 0.625em

body {
    font-size:0.625em;
}

p {
    font-size:2em;
}

Это будет равно 20px;

Я надеюсь, что это помогло.

Короткий ответ: нет. Однако я подозреваю, что вы хотите указать разные размеры для разных элементов в зависимости от размера шрифта пользователя. Если это так, вы можете взглянуть на указание правил CSS в «em», который определяется как относительный к текущему размеру шрифта.

мне нужно было то же самое. здесь я нашел лучший ответ.

https://developer.mozilla.org/en-US/docs/DOM/window.getComputedStyle

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

Вот некоторый код jQuery, который я использую. Это похоже на решение, предложенное bobince. У меня есть функция изменения размера, которая будет обновлять высоту div и т.д.

$(window).resize(resize); // update when user resizes the window.

$("body").append("<p id='textSizeReference' style='display:none;padding:0'>T</p>");
var refTextHeight = $("#textSizeReference").height();
setInterval(function() {
    var h = $("#textSizeReference").height();
    if (h != refTextHeight) {
        refTextHeight = h;
        resize(); // update when user changes text size
    }
}, 500);

Если это приложение ajax, которое опрашивает изменения в location.hash, вы можете использовать ту же функцию опроса для изменения размера текста.

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

document.documentElement.currentStyle["fontFamily"]

в Firefox/Опере:

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

Надеюсь, это немного поможет!