Размер шрифта в зависимости от разрешения экрана

[Digidie]

Доброго времени суток! Нужна помощь. Нужно сделать чтобы на сайте менялся размер шрифта в зависимости от разрешения экрана. Если разрешение большое то шрифт больше, если маленькое то и шрифт соответственно тоже маленький. Подскажите как такое реализовать. Заранее благодарен!

[wwt]

Media Queries

Медиа-запросы

либо использовать javascript

[Digidie]

Сейчас есть скриптик который устанавливает ширину на сайте в зависимости от разрешения. Нужно теперь сделать чтобы шрифты менялись. Про медиа знаю, но нужно чтобы цепляло хотя бы IE8 на 7 забил уже.

[Great Rash]

http://css-live.ru/articles/rabota-s-tipografikoj-pri-adaptivnom-dizajne.html

[Digidie]

Спасибо! Но немного непонятно написано. Это придется очень много раз писать медиа. И потом как быть с Mac'ом, та разрешение вообще 2500px. Нужно что то более универсальное. Скриптиком никаким не богаты?

Edited October 23, 2012 by Digidie

[wwt]

Спасибо! Но немного непонятно написано. Это придется очень много раз писать медиа. И потом как быть с Mac'ом, та разрешение вообще 2500px. Нужно что то более универсальное. Скриптиком никаким не богаты?

что-нибудь в таком духе.

window.onload = function(){
    var fs, width=screen.width;
    if(width >= 2500) fs = "35px";
    if(width >= 2000) fs = "30px";
    if(width >= 1500) fs = "25px";
    if(width >= 1000) fs = "20px";
    if(width <= 1000) fs = "15px";
    document.body.style.fontSize = fs;
}

С точными размерами может выйти накладочка, есть различные мониторы 15-17-19дюймов и возвращать они могут разный размер по сути, к примеру у меня на 17-шке возвращает 1173 при разрешении 1280 на 1024.

Edited October 23, 2012 by wwt

[Vin]

http://habrahabr.ru/post/145619/

С медиа-запросами можно определять и физические размеры устройства.

С точными размерами может выйти накладочка, есть различные мониторы 15-17-19дюймов и возвращать они могут разный размер по сути, к примеру у меня на 17-шке возвращает 1173 при разрешении 1280 на 1024.

Возможно, вы применяли масштабирование в браузере?

[wwt]

...

Возможно, вы применяли масштабирование в браузере?

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

Edited October 24, 2012 by wwt

[Jeka_pro]

может с процентами попробовать, ну или разные css со стилями шрифтами: font-size:120%; или динамически формировать css с нужным размером.