Globalne zwiększenie font-size

[lukasw44]

Witam
Mam na stronie kilkanaście div i stylów

ogólnie mam pytanie czy da się globalnie zwiększyć font-size np o 50%????

czyli żeby czcionka każdego diva zostala powiększona o 50 % czyli np jak mam :

<div style= "font-size: 12">div 1</div>
<div style= "font-size:15"> div 2</div>

To po globalnym zwiększeniu żeby wyglądało tak :

<div style = "font-size: 12 + (50% * 12)">dif1</div>
<div style= "font-size:15 +(50% * 15)"> div 2</div>

żeby efekt końcowy był taki że każdy font-size zwiększy sie odpowiednio

No bo jedyne wyjście jakie widze to ręczne zmienianie każdego font size odpowiednio o zadaną wartość

[mateo]

Raczej nie. CSS nie pozwala na matematyczne operacje w arkuszach.

[Radian]

lukasw44 musiał byś raczej php w to wmieszać.

[mateo]

lukasw44 musiał byś raczej php w to wmieszać.

Wrzucenie tego w php nic nie da. I tak wszędzie musiał by umieszczać <?php ?> + odpowiednie linijki odpowiedzialne za zwiększanie fontów. Dało by to taki sam efekt jak ręczna zmiana font-size.

A może coś takiego:
http://www.white-hat-web-design.co.uk/articles/js-fontsize.php

[Ancik]

Definiuj wielkość fontów za pomocą em'ów, a nie pikseli i będzie po kłopocie, jeśli dobrze rozumiem problem.
Żeby było łatwiej dokonywać ci obliczeń na emach, użyj dla body deklaracji font-size: 0,625em dzięki temu wielkość domyślna fontu będzie wyosić 10px, a nie 16 tak jak domyślnie. Od 10 łatwiej wyprowadzać obliczenia.

[lukasw44]

Wpakowałem w sumie font-size-adjust : 0.7;
ale pojawiły sie problemy z line-weight :/

[Ancik]

No cóż, to już inna bajka. Większy font powinien ciągnąć za sobią większy line-height.

[Pedro84]

To czego szukasz, to LESS (http://lesscss.org/)