[TYPO3-german] Schriftgöße der texte Dynamisch verändern

[Maxi Sedlmaier]

Bei deiner Variante erzeugst du sehr viel doppelten Inhalt (Stichwort SEO).
Am besten ist es im CSS nur ralative Werte anzugeben. Dann kann der User 
an seinem Browser die Schriftgröße selber ändern.
Wenn man Buttons zur Schriftgrößenwahl haben will geht das am besten mit 
JavaScript (siehe Beitrag von Koch)

Maxi

Steffen Ritter schrieb:
> Hallo,
> ohne jetzt die andere Antwort genau gelesen zu haben folgendes:
> Dies mit JavaScript zu machen ist nur Pseudo-Barrierefrei.
> Eine Extension brauchst du dafür nicht, wenn dein CSS dafür ausgelegt 
> ist, musst du nur eine neue LinkVar einführen (Fsize) und mittels 
> Condition über diesen Parameter, ein CSS mit einer Grundschriftgröße für 
> Body einbinden, oder diese direkt in den Header schreiben.
> Damit du nicht diese hässlichen UrlInclusions bekommst, solltest du die 
> LinkVars nur setzen wenn die Schriftgröße dem entsprichst was du willst.
> 
> Ein Größenwechsler ist dann leicht realisiert.
> Das TS sieht dann wie folgt aus (Standardmäßig ist sg1 eingebunden als 
> File 3):
> [globalVar = GP:Fsize=2]
>     page.includeCSS.file3 = fileadmin/css/sg2.css
>     config.linkVars = Fsize
> [end]
> [globalVar = GP:Fsize=3]
>     page.includeCSS.file3 = fileadmin/css/sg3.css
>     config.linkVars = Fsize
> [end]
> 
> 
> In  sg1-sg3 steht jeweils nur body { font-size:12px; } ( 15px; 18px; )
> 
> Für den Größenwechsler:
> 
> temp.mensg = COA
> temp.mensg {
>     1 = HTML
>     1.value = <img src="fileadmin/grafiken/a1.png" title="Schriftgröße 
> 1" alt="Schriftgröße 1" />
>     1.value.wrap = <ul class="sg"><li>|&nbsp;</li>
>     1.value.typolink.parameter.data = page:uid
>     1.value.typolink.additionalParams = &Fsize=1
>     
>     2 < temp.mensg.1
>     2.value = <img src="fileadmin/grafiken/a2.png" title="Schriftgröße 
> 2" alt="Schriftgröße 2" />
>     2.value.wrap = <li>|&nbsp;</li>
>     2.value.typolink.additionalParams = &Fsize=2
>     
>     3 < temp.mensg.1
>     3.value = <img src="fileadmin/grafiken/a3.png" title="Schriftgröße 
> 3" alt="Schriftgröße 3" />
>     3.value.wrap = <li>|&nbsp;</li></ul>
>     3.value.typolink.additionalParams = &Fsize=3
> }
> 
> 
> LG
> 
> Steffen
>