+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Globalne zwiększenie font-size (/thread-globalne-zwiekszenie-font-size)
Globalne zwiększenie font-size - lukasw44 - 03-05-2011
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ść
RE: Globalne zwiększenie font-size - mateo - 03-05-2011
Raczej nie. CSS nie pozwala na matematyczne operacje w arkuszach.
RE: Globalne zwiększenie font-size - Radian - 03-05-2011
lukasw44 musiał byś raczej php w to wmieszać.
RE: Globalne zwiększenie font-size - mateo - 03-05-2011
(03-05-2011, 15:47)Radian napisał(a): 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
RE: Globalne zwiększenie font-size - Ancik - 03-05-2011
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.
RE: Globalne zwiększenie font-size - lukasw44 - 03-05-2011
Wpakowałem w sumie font-size-adjust : 0.7;
ale pojawiły sie problemy z line-weight :/
RE: Globalne zwiększenie font-size - Ancik - 03-05-2011
No cóż, to już inna bajka. Większy font powinien ciągnąć za sobią większy line-height.
RE: Globalne zwiększenie font-size - Pedro84 - 03-05-2011
To czego szukasz, to LESS (http://lesscss.org/)