---
title: "Schriftgrößen mit CSS und TYPO3 wählen"
url: "https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","HTML & CSS","Tipp"]
created: "2006-11-30"
last_reply: "2011-03-28"
replies: 46
solved: true
page: 1
pages: 1
lang: "de"
---

# Schriftgrößen mit CSS und TYPO3 wählen

Frontend › Barrierefreiheit · 46 Antworten · gelöst · gestartet 2006-11-30

## Frage

**Unbekannter Benutzer** · 2006-11-30 · [Beitrag #1](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/1)

Hallo,

mal ein kleines Tutorial zum Thema Schriftgrößenauswahl seitenübergreifend mit TYPO3.

Zuerst muss ich dazu einen kleinen Exkurs in CSS und relative Schriftgrößen machen. Falls Ihr eure Schriftgröße bereits mit em einstellt könnt ihr ein Stück überspringen. Allen anderen rate ich zusätzlich zu diesem Thema zu googlen, weil das ein HowTo für sich wäre.
Um die Schriftgrößen über den Browser steuerbar zu machen gibt man die Schriftgrößen in seinem CSS am besten mit der relativen Einheit em an. Aber wie groß ist 1em? Nun, ganz sicher kann man es nicht vorhersagen, aber bei den meisten Browsern ist die Standardschriftgröße 16 Pixel, damit ist 1em auch 16Pixel. Will ich nun z.B. 8 Pixel müsste ich 0.5em nehmen (es wird also die Standardschriftgröße mit meiner em-Angabe multipliziert).
Da mir 16Pixel meist zu groß ist, und ich nicht ständig die Schriftgröße angeben will, setze ich die Standardgröße meist niedriger an. Das kann ich machen, indem ich in meinem CSS für den body-Tag (dessen einstellungen an alles vererbt werden) Die Schriftgröße verstelle. Ich mache es mit Prozent, aber man kann da auch direkt em nehmen, wenn man will.
Das sieht dann in meiner CSS Datei z.B. so aus:

body{
font-size: 62.5%;

}

Das ergibt eine Standardschriftgröße von 10Pixel, so dass jetzt 1em = 10Pixel sind.
Das dazu, alles weitere bitte ergooglen.

Um jetzt verschiedene Größen anzubieten, muss ich nur noch diese Angabe ändern, weil ja alle anderen Schriftgrößen auf die Standardschrift bezogen werden. D.h.
body{
font-size: 80%;
}
ergibt im ganzen Dokument eine größere Schrift. Nun könnte man das über Javascript machen, sogar Stufenlos. Das funktioniert aber natürlich nur, wenn Javascript eingeschaltet ist und wird in der Regel wenn man die Seite wechselt wieder zurückgesetzt.
Das kann man umgehen indem man das über TYPO3 mit einer GET-Variablen löst.

Dazu müssen wir erstmal die GET-Variable einrichten:

config.linkVars = Fsize,L # Falls ihr keine mehrsprachige Seite habt, könnt Ihr das L weglassen. Eure Variable heißt jetzt Fsize (könnt ihr auch anders machen)

Jetzt brauchen wir ein Menü um zwischen den Größen umzuschalten. Das könnte man sicher eleganter Lösen, ich poste jetzt mal ein Beispiel mit drei verschiedenen Schriftgrößen:

```typoscript
temp.fsizemenu = COA
temp.fsizemenu.wrap = <ul class="langmenu">|</ul>
temp.fsizemenu.40 = HTML
temp.fsizemenu.40.value = A
temp.fsizemenu.40.value.wrap = <li class="langm0">|</li>
temp.fsizemenu.40.value.typolink.parameter.data = page:uid
temp.fsizemenu.40.value.typolink.additionalParams = &Fsize=0
temp.fsizemenu.50 < temp.fsizemenu.40
temp.fsizemenu.50.value = A+
temp.fsizemenu.50.value.wrap = <li class="langm2">|</li>
temp.fsizemenu.50.value.typolink.additionalParams = &Fsize=1
temp.fsizemenu.60 < temp.fsizemenu.40
temp.fsizemenu.60.value = A++
temp.fsizemenu.60.value.wrap = <li class="langm3">|</li>
temp.fsizemenu.60.value.typolink.additionalParams = &Fsize=2
```

Der Code ist ja nicht ganz so schwer, es werden drei Links erzeugt auf die gerade aktive Seite und an jeden wird einer der drei Paramter drangehangen.

So jetzt können wir die Schriftgröße wählen, aber es passiert noch nichts. Wir müssen natürlich die GET-Variable in unserem Typoscript abfragen per Condition. Jetzt brauchen wir aber auch drei CSS Dateien, mit den verschiedenen Werten für die font-size. Ich mache das so, dass ich meine Styles ganz normal schreibe, dann aber die Größenangabe für das body-Tag alleine in drei Dateien reinschreibe mit jeweils unterschiedlichen Werten. Die heißen dann size0.css, size1.css und size2.css

Dann lade ich eine davon je nach Condition als erste und meine restlichen Styles danach, also etwa so:

```typoscript
[globalVar = GP:Fsize<1]
page.includeCSS.file1 = css/size0.css
page.includeCSS.file1.title = Font Size Step 1
page.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=1]
page.includeCSS.file1 = css/size1.css
page.includeCSS.file1.title = Font Size Step 2
page.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=2]
page.includeCSS.file1 = css/size2.css
page.includeCSS.file1.title = Font Size Step 3
page.includeCSS.file1.import = 1
[END]

page.includeCSS.file2 = css/basic_styles.css
page.includeCSS.file2.title = Styles für die Bildschirmausgabe 
page.includeCSS.file2.import = 1
page.includeCSS.file3 = css/additional.css
page.includeCSS.file3.title = Styles für die Bildschirmausgabe
page.includeCSS.file3.import = 1
```

Fertig, damit haben wir eine Schriftgrößenauswahl, die über die ganze Seite hinweg mitgenommen wird. Da es eine normale GET-Variable ist, so wie der Sprachparameter auch, kann man das natürlich auch in RealURL einbinden.

Ich bin jetzt erstmal in Urlaub und kann auf Fragen dazu nicht antworten, würde mich aber trotzdem über Hinweise, Anmerkungen und auch  Fragen freuen.

Viele Grüße

Christian

## Beste Antwort

**Unbekannter Benutzer** · 2007-01-26 · [Beitrag #9](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/9)

nimm mal überall aus den additionalParams die tx_ttnews raus.

Also anstatt:

temp.fsizemenu.40.value.typolink.additionalParams = &Fsize=0&no_cache=1&tx_ttnews[tt_news]

dann:

#
temp.fsizemenu.40.value.typolink.additionalParams = &Fsize=0

Grüße

Christian

## Antworten

### [#2](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/2) · slack1982 · 2006-11-30

Hi,
erstmal einen dicken Lob, dass du es verwirklicht hast!!!

Die Doku habe ich jetzt überflogen und werde es demnächst mal ausprobieren.
Werde mich dann genauer fassen. Schönen Urlaub nocht!

Gruß Alexander

### [#3](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/3) · tomgr · 2006-12-08

Moin,
ich habe einmal versucht Dein Vergrößern/Verkleinern umzusetzen. Leider ohne Erfolg. Vielleicht kannst Du mir ja einen Tipp geben. Ich habe drei Marker gesetzt. Werden auch angezeigt (Ist nur zu Versuchszwecken-Verschönerung folgt). Anklicken kann man sie aber es passiert nichts.

im SETUP

```typoscript
config.linkVars = Fsize

[globalVar = GP:Fsize<1]
seite.includeCSS.file1 = fileadmin/css/size0.css
seite.includeCSS.file1.title = Font Size Step 1
seite.includeCSS.file1.import = 1
[END]
 
[globalVar = GP:Fsize=1]
seite.includeCSS.file1 = fileadmin/css/size1.css
seite.includeCSS.file1.title = Font Size Step 2
seite.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=2]
seite.includeCSS.file1 = fileadmin/css/size2.css
seite.includeCSS.file1.title = Font Size Step 3
seite.includeCSS.file1.import = 1
[END]

#die Marker:

marks.fsizemenu = COA
marks.fsizemenu.40 = HTML
marks.fsizemenu.40.value = A
marks.fsizemenu.40.value.typolink.parameter.data = page:uid
marks.fsizemenu.40.value.typolink.additionalParams = &Fsize=0

marks.fsizemenu1 = COA
marks.fsizemenu1.40 = HTML
marks.fsizemenu1.40.value = A+
marks.fsizemenu1.40.value.typolink.parameter.data = page:uid
marks.fsizemenu1.40.value.typolink.additionalParams = &Fsize=1

marks.fsizemenu2 = COA
marks.fsizemenu2.40 = HTML
marks.fsizemenu2.40.value = A++
marks.fsizemenu2.40.value.typolink.parameter.data = page:uid
marks.fsizemenu2.40.value.typolink.additionalParams = &Fsize=2
```

### [#4](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/4) · Unbekannter Benutzer · 2006-12-22

So, war im Urlaub, daher hat es länger gedauert.

Also auf den ersten Blick kann ich keinen Fehler entdecken. Hast du die entsprechenden CSS Dateien angelegt wie ich das beschrieben habe?

Du darfst dann in deiner Haupt CSS Datei natürlich nicht die Größenangabe im Bodytag wieder überschreiben.

Viele Grüße

Christian

### [#5](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/5) · Mayon · 2006-12-29

:'(
Hab den Code gerade ausprobiert!
Nur ein Problem gibts:
Nachdem man auf A+ oder A++ umgestellt hat kommt man nicht wieder in die Normale Schriftgröße.
In der Url wird die neue size nämlich einfach hinten angehängt.
startseite.html?&Fsize=0&Fsize=2
oder
startseite.html?&Fsize=0&Fsize=1

### [#6](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/6) · Unbekannter Benutzer · 2007-01-01

Also normalerweise sollte das nur ein kosmetisches Problem sein und die Größen trotzdem richtig umgestellt werden, aber hiermit:

config.uniqueLinkVars = 1

kannst du einstellen, das eine Variable nur einmal in der URL auftaucht. Dann sollte es klappen...

Grüße

Christian

### [#7](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/7) · Mayon · 2007-01-02

:D  SUPER EINFACH KLASSE  :D

Endlich eine tolle Möglichkeit die Schriftgröße zu switchen.
Und vor allem klapptes in jedem Browser.

D A N K E

config.uniqueLinkVars = 1

war dann noch das Sahnehäubchen. Jetzt läuftes wie geschmiert.

### [#8](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/8) · Arnie2001 · 2007-01-26

Finde ich auch super, leider taucht ein Problem mit Realurl auf :

Schriftgrößenveränderung Typoscript:

```typoscript
temp.fsizemenu = COA

temp.fsizemenu.wrap = <ul id="navigation2 class="sizemenu">|</ul>

temp.fsizemenu.40 = HTML 

temp.fsizemenu.40.value = Normal  A

temp.fsizemenu.40.value.wrap = <li class="sizepunkt">|</li>

temp.fsizemenu.40.value.typolink.parameter.data = page:uid

temp.fsizemenu.40.value.typolink.additionalParams = &Fsize=0&no_cache=1&tx_ttnews[tt_news]

temp.fsizemenu.50 < temp.fsizemenu.40

temp.fsizemenu.50.value = Mittel  A+

temp.fsizemenu.50.value.wrap = <li class="sizepunkt">|</li>

temp.fsizemenu.50.value.typolink.additionalParams = &Fsize=1&no_cache=1&tx_ttnews[tt_news]

temp.fsizemenu.60 < temp.fsizemenu.40

temp.fsizemenu.60.value = Groß  A++

temp.fsizemenu.60.value.wrap = <li class="sizepunkt">|</li>

temp.fsizemenu.60.value.typolink.additionalParams = &Fsize=2&no_cache=1&tx_ttnews[tt_news]
```

Problem: Der Link der generiert wird, zeigt immer nur articel.html an, er müsste aber beim Umschalten auf eine andere Schriftgröße bei der Singelansicht

www.beispiel.de/veranstaltungen/news/article/unterhaltung.html

anzeigen. Macht er aber nicht, sondern nur

www.beispiel.de/veranstaltungen/news/article.html

und damit kommt die Fehlermeldung : Keine news_id übergeben

Bei den anderen Parameter/Variablen in der realurlconf.ph ging das so ja ganz gut:

```php
array(
'GETvar' => 'Fsize',
 'valueMap' => array(
										  'n' => '0',
          'g' => '1',									  'gg' => '2',
														),	
           array(
                 'GETvar' => 'no_cache',
                 'valueMap' => array(
                 'nc' => 1,
                 ),
                 'noMatch' => 'bypass',
                 ),
```

Wie muss ich den Link in Typoscript angeben , dass er in richtig generiert?

Wäre echt super von Euch, schon mal danke im Vorraus!

### [#9](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/9) · Unbekannter Benutzer · 2007-01-26 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#10](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/10) · gongo · 2007-02-02

das funktioniert soweit ganz gut. Nur hab ich auch realurl und ich frag mich wie denn die URL dort aussehen soll? Den Parameter fsize in eine leserliche URL zu setzen macht auch nicht wirklich Sinn. xxx.html?Fsize=1 wäre ja ok.
Ich habe auch wieder das problem dass wenn ich die Seite wechsle die Schrift wieder klein wir  :'(
Und dann frage ich mich auch warum in Typo3 solche Parameter immer über die URL mit geschleppt werden. Gibt es da nicht eventuell die Möglichkeit diese in einer SessionVariable abzulegen?

### [#11](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/11) · gongo · 2007-02-06

eine Anleitung wie man das Schriftvergrößern mit RealURL nutzt wäre toll  :o

### [#12](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/12) · Arnie2001 · 2007-02-11

> **Kitsunet schrieb:**
>
> nimm mal überall aus den additionalParams die tx_ttnews raus.
>
> Also anstatt:
>
> temp.fsizemenu.40.value.typolink.additionalParams = &Fsize=0&no_cache=1&tx_ttnews[tt_news]
>
> dann:
>
> #
> temp.fsizemenu.40.value.typolink.additionalParams = &Fsize=0
>
> Grüße
>
> Christian

Habe ich auch schon ausprobiert, geht leider nicht. Es wird immer "keine News id übergeben" angezeigt.

Hat jemand ne Lösung?

### [#13](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/13) · Arnie2001 · 2007-03-06

Hallo Leute, im Rahmen der Entwicklung von www.edesheim.de hat sich mein Problem erledigt.

Hier könnt Ihr das Ganze mit tt_news und anderen Extension sehen:

<http://www.edesheim.de>

Da ich es nicht abschätzen kann, ob die Seite wirklich barrierefrei ist, wäre ein Rückläufer nicht schlecht!!!!

Danke an Alle!

Gruß Arnie!

### [#14](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/14) · leuny · 2007-03-20

Hi,

das script funktioniert. ich möchte es aber jetzt gerne so modifizieren, dass ich zwei symbole verwende um die schrift zu verkleinern oder zu vergrößern (also nicht mehr alle stufen anzeigen).

bin typo3 dummy. in php könnte man eine variable definieren, die wenn man auf den schriftgrößer-button klickt um 1 erhöht wird und dann die entsprechende css-datei ausgewählt wird. beim schriftkleiner-buttom entsprechend umgekehrt.

könnt ihr mir da helfen?

mfg
Leuny

### [#15](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/15) · Arnie2001 · 2007-04-27

Hier mal das Ganze mit funktionierenden Links für RealURL und tt_news und Konsorten:

temp.fsizemenu = COA
temp.fsizemenu {
wrap = <ul>|</ul>
	40 = HTML
	40 {
	value = Normal  A
	value.wrap = <li class="sizepunkt">|</li>
	value.typolink.parameter.data = page:uid
	value.typolink.additionalParams = &Fsize=0
	value.typolink.addQueryString = 1
	value.typolink.addQueryString.method = GET
	}
	50 < temp.fsizemenu.40
	50 {
	value = Mittel  A+
	value.wrap = <li class="sizepunkt">|</li>
	value.typolink.additionalParams = &Fsize=1
	value.typolink.addQueryString = 1
	value.typolink.addQueryString.method = GET
	}
	60 < temp.fsizemenu.40
	60 {
	value = Groß  A++
	value.wrap = <li class="sizepunkt">|</li>
	value.typolink.additionalParams = &Fsize=2
	value.typolink.addQueryString = 1
	value.typolink.addQueryString.method = GET
	}
	70 < temp.fsizemenu.40
	70 {
	value = Handy- / Textversion
	value.wrap = <li class="sizepunkt">|</li>
	value.typolink.additionalParams = &Fsize=3
	value.typolink.addQueryString = 1
	value.typolink.addQueryString.method = GET
	}

}

Die Ergänzung der realurlconf.php
array(
								'GETvar' => 'Fsize',
									 'valueMap' => array(
														'n' => '0',
														'g' => '1',
														'gg'=> '2',
														'nt'=> '3',

													),
										'noMatch' => 'bypass',
                        	),

### [#16](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/16) · Unbekannter Benutzer · 2007-04-27

Danke das du das "rund" gemacht hast! Bin hier gerade mit so vielen anderen Sachen beschäftigt, dass ich nicht dazu gekommen bin hier mal ein Update zu posten.

Grüße

Christian

### [#17](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/17) · jens · 2007-07-12

Hallo zusammen!

Erst einmal Danke für die Anleitung.
Anhand des Beispiels von Kitsunet habe ich versucht den Font-Resizer auf meiner Seite zu integrieren. Leider nicht erfolgreich. Ich bin jetzt schon seit Stunden am Überlegen wo ich den Fehler mache...

```typoscript
###Font size
config.linkVars = Fsize
config.uniqueLinkVars = 1

[globalVar = GP:Fsize<1]
seite.includeCSS.file1 = fileadmin/size0.css
seite.includeCSS.file1.title = Font Size Step 1
seite.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=1]
seite.includeCSS.file1 = fileadmin/size1.css
seite.includeCSS.file1.title = Font Size Step 2
seite.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=2]
seite.includeCSS.file1 = fileadmin/size2.css
seite.includeCSS.file1.title = Font Size Step 3
seite.includeCSS.file1.import = 1
[END]

###Hier wird die MAIN-CSS Datei eingebunden
page.includeCSS.file2 = fileadmin/style-main.css
page.includeCSS.file2.title = Styles für die Bildschirmausgabe
page.includeCSS.file2.import = 1

[...]

###Marker Font Size
marks.SIZE0 = COA
marks.SIZE0.40 = HTML
marks.SIZE0.40.value = A
marks.SIZE0.40.value.typolink.parameter.data = page:uid
marks.SIZE0.40.value.typolink.additionalParams = &Fsize=0

marks.SIZE1 = COA
marks.SIZE1.40 = HTML
marks.SIZE1.40.value = A+
marks.SIZE1.40.value.typolink.parameter.data = page:uid
marks.SIZE1.40.value.typolink.additionalParams = &Fsize=1

marks.SIZE2 = COA
marks.SIZE2.40 = HTML
marks.SIZE2.40.value = A++
marks.SIZE2.40.value.typolink.parameter.data = page:uid
marks.SIZE2.40.value.typolink.additionalParams = &Fsize=2
```

Die Marker werden wie geplant ersetzt und auch beim Klick auf A++ wird diese Endung (.html?&Fsize=2) angehängt. Nur leider ändert sich am Schriftbild nichts.
Im style-main.css befinden sich sämtliche Styles. In den Styles size0.css, size1.css und size2.css nur der Body-Tag mit

body
 {
  font-size:120%;
}

Jeweils eine andere Größe.

Sieht jemand den Fehler?

BEST!

### [#18](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/18) · Unbekannter Benutzer · 2007-07-12

Also du benutzt wahrscheinlich simulateStaticDocuments, oder?

Du hast das hier geschrieben:

> ..nd auch beim Klick auf A++ wird diese Endung (.html?&Fsize=2) angehängt.

.html?&Fsize=2 kann aber nicht funktionieren... Es muss in diesem Fall:

.html?Fsize=2 rauskommen... Also versuch mal bei diesen Zeilen hier:

marks.SIZE0.40.value.typolink.additionalParams = &Fsize=0 jeweils das & rauszunehmen...

Viele Grüße
Christian

### [#19](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/19) · jens · 2007-07-12

Hallo Kitsunet!

Danke für deine Anleitung und die schnelle Antwort.

Ja, ich benutze simulateStaticDocuments. "&" habe ich jetzt mal rausgenommen.
Leider ist das Problem damit nicht behoben. Jetzt wird gar nichts mehr angehängt.
Wenn ich die Endung manuell in der Adresszeile des Browsers anfüge geschieht auch nichts.
Hast du vielleicht noch eine Idee?

### [#20](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/20) · Unbekannter Benutzer · 2007-07-12

Eine URL wäre nicht schlecht um das aus erster Hand zu sehen. Kannst du mir auch per PM schicken...

### [#21](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/21) · Unbekannter Benutzer · 2007-07-26

Hallo und einen schönen guten Abend.

Ich habe dasselbe Problem wie Jens.
Gibt es denn bereits dazu eine Lösung?

Ich nutze auch simulateStaticDocuments und
wenn ich das Ampersand entferne wird nichts mehr angehangen.

Vielen Dank für die Hilfe.

Grüße S.

### [#22](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/22) · Unbekannter Benutzer · 2007-08-07

Ich hab es nicht mit simulateStatic getestet. Werd ich mal tun und dann versuchen die Lösung hier zu posten.

### [#23](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/23) · Morgenthau · 2008-01-09

Hallo, zuerst mal danke für diese gute Methode, die Schriftgrößen einfach zu verändern.

Ich habe jedoch ein Problem mit RealURL und der realurlconf.php. Mit der habe ich keinerlei Erfahrung. Google hat mir erklärt, dass ich sie ins Verzeichnis typo3conf legen muss und per

```php
<?php include(PATH_typo3conf.'realurlconf.php'); php?>
```

in der localconf.php einbinden muss.

Wenn ich allerdings in der reaulurlconf wie von Arnie2001 beschrieben den Code

```php
array(
'GETvar' => 'Fsize',
'valueMap' => array(
'n' => '0',
'g' => '1',
'gg'=> '2',
'nt'=> '3',

),
'noMatch' => 'bypass',
),
```

einfüge, dann bleibt meine Website weiß und zeigt gar nichts mehr an. Wenn ich die realurlconf **nicht** einbinde, funktioniert die Größenverändernung, allerdings wird sie nicht weitergegeben, d.h. wenn ich auf eine andere Seite klicke, wird die wieder in der Standardschriftgröße dargestellt. Was mache ich falsch?

Hier mein TS im Setup:

```typoscript
# Schriftgrößen:

[globalVar = GP:Fsize<1]
page.headerData.40 = TEXT
page.headerData.40.value =  <link href="fileadmin/templates/style-m.css" rel="stylesheet" type="text/css" />
[END]

[globalVar = GP:Fsize=1]
page.headerData.40 = TEXT
page.headerData.40.value =  <link href="fileadmin/templates/style-l.css" rel="stylesheet" type="text/css" />
[END]

[globalVar = GP:Fsize=2]
page.headerData.40 = TEXT
page.headerData.40.value =  <link href="fileadmin/templates/style-xl.css" rel="stylesheet" type="text/css" />
[END]

lib.schriftzoom = COA
lib.schriftzoom {
wrap = Schrift: |
40 = HTML
40 {
value = normal
value.wrap = &nbsp;|
value.typolink.parameter.data = page:uid
value.typolink.additionalParams = &Fsize=0
value.typolink.addQueryString = 1
value.typolink.addQueryString.method = GET
}
50 < lib.schriftzoom.40
50 {
value = gro&szlig;
value.wrap = &nbsp;&middot;&nbsp; |
value.typolink.additionalParams = &Fsize=1
value.typolink.addQueryString = 1
value.typolink.addQueryString.method = GET
}
60 < lib.schriftzoom.40
60 {
value = gr&ouml;&szlig;er
value.wrap = &nbsp;&middot;&nbsp; |
value.typolink.additionalParams = &Fsize=2
value.typolink.addQueryString = 1
value.typolink.addQueryString.method = GET
}
```

PS: Ich bin eher Gestalter als Programmierer, verzeiht mir also bitte etwaige blöde Fragen.

### [#24](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/24) · Unbekannter Benutzer · 2008-01-11

Hallo,

also das die Auswahl von einer Seite zur nächsten nicht übernommen wird, hat nichts mit RealURL zu tun, sondern sollte auch ohne funktionieren. Ich vermute aber mal, dass du den Code an der falschen Stelle in deine realurlconf.php eingebaut hast. Poste doch mal deine komplette RealURL Config.

Nun aber zu deinem eigentlichen Problem. Du musst darauf achten, dass du config.linkVars = Fsize setzt (siehe mein Code auf der ersten Seite), damit der Parameter auf weiteren Seiten übernommen werden. Außerdem müssen deine Links natürlich in TYPO3 erzeugt werden, d.h. wenn du einfach in dein Template schreibst <a href="index.php?id=3" /> dann werden da die Parameter natürlich nicht übernommen...

Grüße
Christian

### [#25](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/25) · Morgenthau · 2008-01-12

Ahh! Gut, dass Du mich nochmal auf das config.linkVars = Fsize hingewiesen hast! Ich hatte es in die Constants geschrieben. Jetzt, wo ich ins Setup gesetzt habe, klappts!

Die Sache mit der RealURL ist nicht weiter wichtig. Ich finde es nicht weiter schlimm, wenn in der Adresszeile die Variable Fsize übergeben wird. Trotzdem der Vollständigkeit halber: Da ich keine realurlconf gefunden hatte, hatte ich eine neue angelegt und dort dann den Code von Arnie2001 reinkopiert.

Danke nochmal für Deine Hilfe!

### [#26](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/26) · flowyn33 · 2008-02-06

Hallo,

erstmal vielen Dank für die super Erklärung. Leider bin ich noch auf ein Problem gestoßen welches hier anscheinend noch keiner hatte.

Ich habe Bilder genommen statt Buchstaben und möchte diese nun bei RO und ACT austauschen lassen.

Gibt es da eine Möglichkeit?

Grüße
Florian

### [#27](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/27) · ric1893 · 2008-05-22

Super Tutorial! Funzt einwandfrei und ist genau das, was ich gesucht hatte.
Besten Dank an den Ersteller.

Gruß

### [#28](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/28) · bujaka · 2009-02-04

Guten Morgen alle zusammen!

Ich versuche seit zwei Tagen, vergebens das Ding zu Laufen zu bekommen und weiß absolut nicht mehr weiter!

Die Links werden angezeigt und die Variable auch übergeben.
index.php?id=19&Fsize=2
Aber es Passiert nichts!
Ich glaube, es hat irgendetwas mit meiner css datei zu tun, denn wenn ich in meiner stylez.css im body die fontsize auskommentiere, wird die fontsize der size2.css dargestellt!

```typoscript
[globalVar = GP:Fsize<1]
	page.includeCSS.file1 = fileadmin/templates/css/size0.css
	page.includeCSS.file1.title = Font Size Step 1
	page.includeCSS.file1.import = 1
	[END]
 
	[globalVar = GP:Fsize=1]
	page.includeCSS.file1 = fileadmin/templates/css/size1.css
	page.includeCSS.file1.title = Font Size Step 2
	page.includeCSS.file1.import = 1
	[END]
 
	[globalVar = GP:Fsize=2]
	page.includeCSS.file1 = fileadmin/templates/css/size2.css
	page.includeCSS.file1.title = Font Size Step 3
	page.includeCSS.file1.import = 1
	[END]
	
	page.includeCSS.file2 = fileadmin/styles.css
	page.includeCSS.file2.title = Styles für die Bildschirmausgabe 
	page.includeCSS.file2.import = 1
```

Vielleicht hat ja jemand eine Idee?
Viele Grüße
Flo

### [#29](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/29) · Unbekannter Benutzer · 2009-02-04

Die Reihenfolge ist entscheidend. Erst deine styles einbinden als file1 und dann die verschiedenen Größen als file2 danach, das sollte helfen...

### [#30](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/30) · bujaka · 2009-02-04

Hallo Kitsunet.
Vielen Dank für den Tipp!
Hab die Reihenfolge geändert, leider ohne Erfolg.

Die Schriftgröße ist dann die der size2.css(95%), schon bevor ich auf A+ oder A++ gedrückt habe!.
Ich hab die size0.css mal zum Test mit der size2.css getauscht und nun zeigt er die size0.css(75%) an. Wenn ich dann auf A,A+ oder A++ drücke passiert garnichts!

```typoscript
        includeCSS.file1 = fileadmin/styles.css
	includeCSS.file1.title = Styles für die Bildschirmausgabe 
	includeCSS.file1.import = 1 
	
        [globalVar = GP:Fsize<1]
	includeCSS.file2 = fileadmin/templates/css/size2.css
	includeCSS.file2.title = Font Size Step 1
	includeCSS.file2.import = 1
	[END]
 
	[globalVar = GP:Fsize=1]
	includeCSS.file2 = fileadmin/templates/css/size1.css
	includeCSS.file2.title = Font Size Step 2
	includeCSS.file2.import = 1
	[END]
 
	[globalVar = GP:Fsize=2]
	includeCSS.file2 = fileadmin/templates/css/size0.css
	includeCSS.file2.title = Font Size Step 3
	includeCSS.file2.import = 1
	[END]

# my marks

	fsizemenu = COA
	fsizemenu.40 = HTML
	fsizemenu.40.value = A
	fsizemenu.40.value.typolink.parameter.data = page:uid
	fsizemenu.40.value.typolink.additionalParams = &Fsize=0
 
	fsizemenu1 = COA
	fsizemenu1.40 = HTML
	fsizemenu1.40.value = A+
	fsizemenu1.40.value.typolink.parameter.data = page:uid
	fsizemenu1.40.value.typolink.additionalParams = &Fsize=1
 
	fsizemenu2 = COA
	fsizemenu2.40 = HTML
	fsizemenu2.40.value = A++
	fsizemenu2.40.value.typolink.parameter.data = page:uid
	fsizemenu2.40.value.typolink.additionalParams = &Fsize=2
```

### [#31](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/31) · bujaka · 2009-02-04

Mein Problem, hat sich dank tatgräftiger Unterstützung von Kitsunset in Luft aufgelöst!!!

Ich hatte die Conditions innerhalb eines ausgeklammerten Bereiches stehen und somit ging da garnichts.  #angry#

**DIE LÖSUNG**

Die Conditions habe ich jetzt mit vollem TS Pfad, ganz unten am Ende meines TS Skriptes eingebunden und siehe da!!! ES LÄUFT  :D

```typoscript
[globalVar = GP:Fsize<1]
page.includeCSS.file2 = fileadmin/templates/css/size0.css
page.includeCSS.file2.title = Font Size Step 1
page.includeCSS.file2.import = 1
[END]
```

und so weiter.....

Die Beste Unterstützung seit es Typo3 gibt!!!
Danke Christian[/b]

### [#32](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/32) · tomgr · 2009-03-27

Typo3 4.2.6

Moin Alle.
Ich würde da gerne mal mitmachen.
So langsam bin ich am verzweifeln.
Die Links reagieren, die Seite wird
neu geladen und die Variablen korrekt übergeben.
Aber kein Ergebnis.

<https://www.domaene.de/startseite.0.html?&Fsize=2> oder 1 oder 0

Die css-Files sind vorhanden, mit verschiedenen Größenangeben.
font-size wird vorher nicht in default.css oder einer anderen
css-Datei innerhalb von body deklariert.

Kann da vielleicht jemand helfen?

Gruss, Tom.

Auszug:

```html
body, html {
	position: relative;
	text-align: center;
	border: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #FFEECC;
```

size2.css

```html
body {
font-size: 150%; #ein Beispiel
}
```

Mein TS.

```typoscript
config.simulateStaticDocuments = 1
config.linkVars = Fsize
config.uniqueLinkVars = 1
seite = page
    seite.typeNum = 0
    seite.bodyTag = <body>
    seite.shortcutIcon = fileadmin/icons/favicon1.ico

    seite.includeCSS.file1 = fileadmin/css/css_neu/default.css
    seite.includeCSS.file1.title = Ausgabe
    seite.includeCSS.file1.import = 1
 
    seite.includeCSS.file1.media = screen
    seite.includeCSS.smallads_css = fileadmin/css/ke_smallads.css

   [globalVar = GP:Fsize<1]
     seite.includeCSS.file2 = fileadmin/css/css-neu/size0.css
     seite.includeCSS.file2.media = all
     seite.includeCSS.file2.title = Step 1
     seite.includeCSS.file2.import = 1
   [END]
 
   [globalVar = GP:Fsize=1]
     seite.includeCSS.file2 = fileadmin/css/css-neu/size1.css
     seite.includeCSS.file2.media = all
     seite.includeCSS.file2.title = Step 2
     seite.includeCSS.file2.import = 1
   [END]

   [globalVar = GP:Fsize=2]
     seite.includeCSS.file2 = fileadmin/css/css-neu/size2.css
     seite.includeCSS.file2.media = all
     seite.includeCSS.file2.title = Step 3
     seite.includeCSS.file2.import = 1
   [END]
```

Die Marker stehen innerhalb von seite.20

```typoscript
marks.fsizemenu = COA
marks.fsizemenu.40 = HTML
marks.fsizemenu.40.value = A&nbsp;
marks.fsizemenu.40.value.typolink.parameter.data = page:uid
marks.fsizemenu.40.value.typolink.additionalParams = &Fsize=0

marks.fsizemenu1 = COA
marks.fsizemenu1.40 = HTML
marks.fsizemenu1.40.value = A+&nbsp;
marks.fsizemenu1.40.value.typolink.parameter.data = page:uid
marks.fsizemenu1.40.value.typolink.additionalParams = &Fsize=1

marks.fsizemenu2 = COA
marks.fsizemenu2.40 = HTML
marks.fsizemenu2.40.value = A++&nbsp;
marks.fsizemenu2.40.value.typolink.parameter.data = page:uid
marks.fsizemenu2.40.value.typolink.additionalParams = &Fsize=2
```

### [#33](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/33) · Unbekannter Benutzer · 2009-03-27

Hallo dein Problem kommt durch simulateStatic zustande, allerdings weiß ich nicht ganz sicher wie es gelöst werden kann, da ich simulateStatic nie benutze. Es wurde auch schon mal auf Seite 2 diskutiert.

### [#34](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/34) · tomgr · 2009-03-28

Moin
Auch wenn ich "config.simulateStaticDocuments = 0" einstelle passiert nichts.

<https://www.domaene.de/index.php?id=startseite&Fsize=2> <- die Endung ist richtig.

Gibt es die Möglichkeit irgendwo rauszufinden ob Typo3 den font-size-Tag innerhalb von body selbst übergibt und meine css überschreibt?
(kein css_styled_content)

Gruss, Tom.

### [#35](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/35) · Unbekannter Benutzer · 2009-03-28

Mit welchem Browser guckst du? Ich habe mal die Erfahrung gemacht, dass der IE bei zwei oder mehr CSS Dateien die mit import eingebunden werden etwas komisch reagiert. Probier mal alle ohne import = 1 einzubinden.

Du kannst doch einfach  in dein HTML / CSS gucken ob irgendwo sonst die font-size geändert wird. Hilfreich ist dabei z.B. die Web Developer Toolbar im Firefox (addon).

### [#36](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/36) · tomgr · 2009-03-28

Ich arbeite zu 99% mit dem Firefox.
Die Toolbar habe ich auch im Einsatz.
Das ist zu sehen in View CSS:
(Auszug /index.php?id=startseite&Fsize=2 <- font-size: 150%;)

p, ul, ol { font-size: 11px; }

p.bodytext { font-face: Verdana, Arial, sans-serif; font-size: 11px; color: #000000; line-height: 14px; padding-bottom: 6px;}

Das dürfte doch nicht stören, oder?
Hab ich auch schon entfernt, nichts passiert.

Meine drei externen css files sind gar nicht enthalten.
Entweder wird der font-size Tag nicht überschrieben oder Typo findet die css-Files nicht.
Ich habe in der size2.css Datei mal mehrere styles eingebaut, da reagiert gar nichts auch nicht im IE.
Ich habe immer Java vermieden, aber irgendwie komme ich da wohl nicht drum herum.

### [#37](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/37) · Unbekannter Benutzer · 2009-03-28

Die Anleitung sagt ganz deutlich, dass KEINE Schriftgröße in px angegeben werden darf. Damit funktioniert es nicht. Du musst die Schriftgrößen in em angeben.
Hast du versucht das import trotzdem mal wegzunehmen?

Ich sehe gerade du schreibst den Pfad zu den CSS Dateien unterschiedlich:  :o

fileadmin/css/css-neu/size0.css
vs.
fileadmin/css/css_neu/default.css

einmal Bindestrich und einmal Unterstrich, wird ja nur eins von beidem stimmen...

### [#38](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/38) · tomgr · 2009-03-30

Moin
Du hast recht, mit "px" geht's nicht.
Aber auch sonst gefällt mir das alles nicht so richtig.
Für ein vernünftiges Layout sollten alle Elemente einer
Webseite größenverstellbar sein.
Das werde ich mir hier nicht mehr antun.
Vielleicht für die nächste Webseite.

Bis dahin:
Strg und +/- geht auch.

Danke für die Hilfe.
Gruss, Tom.

### [#39](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/39) · kenzo2008 · 2010-02-25

Hallo zusammen,

könnt Ihr mir helfen?

Bei mir erscheinen die Marker im Frontend erst gar nicht, was mach ich falsch?

Setup:

### Typo3-Seite definieren ###
##################################
page = PAGE

### CSS-Files einbinden ###
###############################
page.includeCSS.design = fileadmin/css/layout.css
page.includeCSS.navi = fileadmin/css/navi.css

### Designvorlage einbinden ###
###################################
page.10 = TEMPLATE
page.10 {
	template = FILE
	template.file = fileadmin/layout.html
	workOnSubpart = DOCUMENT_BODY
	}

### Allgemeine Konfiguration ###
################################
config {
  xhtml_cleaning = all
  no_cache = 1
  locale_all = de_DE.utf8
  htmlTag_langKey = de-DE
  metaCharset = utf-8
  xmlprologue = none
  doctype = xhtml_trans
  language = de
  admPanel = 0
  spamProtectEmailAddresses_atSubst = (at)
  spamProtectEmailAddresses = ascii

  ### Schriftgröße ändern ###
  linkVars = Fsize

}

### Schriftgröße ändern ###
###############################

[globalVar = GP:Fsize<1]
page.includeCSS.file1 = fileadmin/css/size0.css
page.includeCSS.file1.title = Font Size Step 1
page.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=1]
page.includeCSS.file1 = fileadmin/css/size1.css
page.includeCSS.file1.title = Font Size Step 2
page.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=2]
page.includeCSS.file1 = fileadmin/css/size2.css
page.includeCSS.file1.title = Font Size Step 3
page.includeCSS.file1.import = 1
[END]

#die Marker:

page.50.marks.fsizemenu = COA
page.50.marks.fsizemenu.40 = HTML
page.50.marks.fsizemenu.40.value = A
page.50.marks.fsizemenu.40.value.typolink.parameter.data = page:uid
page.50.marks.fsizemenu.40.value.typolink.additionalParams = &Fsize=0

page.60.marks.fsizemenu1 = COA
page.60.marks.marks.fsizemenu1.40 = HTML
page.60.marks.marks.fsizemenu1.40.value = A+
page.60.marks.marks.fsizemenu1.40.value.typolink.parameter.data = page:uid
page.60.marks.marks.fsizemenu1.40.value.typolink.additionalParams = &Fsize=1

page.70.marks.marks.fsizemenu2 = COA
page.70.marks.marks.fsizemenu2.40 = HTML
page.70.marks.marks.fsizemenu2.40.value = A++
page.70.marks.marks.fsizemenu2.40.value.typolink.parameter.data = page:uid
page.70.marks.marks.fsizemenu2.40.value.typolink.additionalParams = &Fsize=2

### Inhaltsbereich auslesen ###
###############################
page.10.marks.INHALT < styles.content.get
page.10.subparts.NAVI < tmp.HAUPTNAVI
page.10.marks.BREADCRUMP < tmp.KLICKPFAD
page.10.marks.FOTO < styles.content.getLeft

### Fussnavigation ###
######################
page.10 {
  marks.FOOTERNAV = HMENU
  marks.FOOTERNAV {
     special = directory
     special.value = 15
     1 = TMENU
     1.NO = 1
     1.NO.linkWrap = &nbsp; |*| &nbsp;&nbsp;&#x007C;&nbsp;&nbsp; |*| &nbsp;&nbsp;&#x007C;&nbsp;&nbsp; |*| &nbsp;|
  }
}

### Suchfeld oben rechts einbinden ###
######################################
page.10.marks.SUCHE >
page.10.marks.SUCHE < plugin.tx_macinasearchbox_pi1
page.10.marks.SUCHE.pidSearchpage = 41
page.10.marks.SUCHE.templateFile = EXT:macina_searchbox/pi1/template.htm

Gruß

### [#40](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/40) · Unbekannter Benutzer · 2010-02-26

Beim nächsten Mal bitte die TS Codebox benutzen, dann ließt es sich etwas einfacher...

Du hast die Marker ja an Objektnummern gesetzt, die gar nicht existieren.

```typoscript
..snip..
page.50.marks.fsizemenu
..snip..
page.60.marks.fsizemenu1
..snip..
page.70.marks.fsizemenu2
```

Muss alles in page.10.marks
Dann sollte es klappen, wenn die Marker auch in deinem Template existieren.

### [#41](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/41) · kenzo2008 · 2010-03-09

Vielen Dank für die Hilfe...hat geklappt :-)

Jetzt hab ich nen neues Problem. Sobald ich die Schriftgröße verändere, werden die News aus tt_news nicht mehr angezeigt.

Hat einer schon mal dieses Problem gehabt? Zusätzlich verwende ich CoolURI.

```typoscript
### Typo3-Seite definieren ###
##################################
page = PAGE


### CSS-Files einbinden ###
###############################

page.includeCSS.design = fileadmin/css/layout.css
page.includeCSS.navi = fileadmin/css/navi.css
page.includeCSS.news = fileadmin/css/tt_news_v3_styles.css

page.shortcutIcon = fileadmin/favicon.ico


### Designvorlage einbinden ###
###################################
page.10 = TEMPLATE
page.10 {
	template = FILE
	template.file = fileadmin/layout.html
	workOnSubpart = DOCUMENT_BODY
	}  


### Allgemeine Konfiguration ###
################################
config {
  xhtml_cleaning = all
  no_cache = 1
  locale_all = de_DE.utf8
  htmlTag_langKey = de-DE
  metaCharset = utf-8
  xmlprologue = none
  doctype = xhtml_trans
  language = de
  admPanel = 0
  spamProtectEmailAddresses_atSubst = (at)
  spamProtectEmailAddresses = ascii 
    
  ### CoolURI ###
  simulateStaticDocuments = 0
  baseURL = http://www.meineDomain.de/
  #Die Basisdomain
  tx_cooluri_enable = 1
  #Optional alte gespeicherte Links zu neuen Weiterleiten
  redirectOldLinksToNew = 1
    
  ### Schriftgröße ändern ###
  linkVars = Fsize
  uniqueLinkVars = 1
  
}


### Schriftgröße ändern ###
###############################

[globalVar = GP:Fsize<1]
page.includeCSS.file1 = fileadmin/css/size0.css
page.includeCSS.file1.title = Font Size Step 1
page.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=1]
page.includeCSS.file1 = fileadmin/css/size1.css
page.includeCSS.file1.title = Font Size Step 2
page.includeCSS.file1.import = 1
[END]

[globalVar = GP:Fsize=2]
page.includeCSS.file1 = fileadmin/css/size2.css
page.includeCSS.file1.title = Font Size Step 3
page.includeCSS.file1.import = 1
[END]


#die Marker:

page.10.marks.fsizemenu = COA
page.10.marks.fsizemenu.40 = HTML
page.10.marks.fsizemenu.40.value = A
page.10.marks.fsizemenu.40.value.typolink.parameter.data = page:uid
page.10.marks.fsizemenu.40.value.typolink.additionalParams = &Fsize=0
page.10.marks.fsizemenu.40.value.typolink.ATagParams = title="Schriftgröße: normal"

page.10.marks.fsizemenu1 = COA
page.10.marks.fsizemenu1.40 = HTML
page.10.marks.fsizemenu1.40.value = A+
page.10.marks.fsizemenu1.40.value.typolink.parameter.data = page:uid
page.10.marks.fsizemenu1.40.value.typolink.additionalParams = &Fsize=1
page.10.marks.fsizemenu1.40.value.typolink.ATagParams = title="Schriftgröße: groß"

page.10.marks.fsizemenu2 = COA
page.10.marks.fsizemenu2.40 = HTML
page.10.marks.fsizemenu2.40.value = A++
page.10.marks.fsizemenu2.40.value.typolink.parameter.data = page:uid
page.10.marks.fsizemenu2.40.value.typolink.additionalParams = &Fsize=2
page.10.marks.fsizemenu2.40.value.typolink.ATagParams = title="Schriftgröße: sehr groß"

### Inhaltsbereich auslesen ###
###############################
page.10.marks.INHALT < styles.content.get
page.10.subparts.NAVI < tmp.HAUPTNAVI
page.10.marks.BREADCRUMP < tmp.KLICKPFAD
page.10.marks.FOTO < styles.content.getLeft


### Aktuelle News einbinden ###
###############################
plugin.tt_news {
  datetimeDaysToArchive = 120
  displayList.date_stdWrap.strftime =  %d.%m.%Y
  displaySingle.age_stdWrap.age = Minute(n) | Stunde(n) | Tag(e) | Jahr(e)
  dontUseBackPid = 1
  useHRDates = 1
  _LOCAL_LANG {
       de {
          more = mehr
          backToList = zurück
       }
  }
}
```

Vielen Dank

### [#42](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/42) · kenzo2008 · 2010-03-11

Kurze Ergänzung:

Der Bereich "Plugin inserted" wird weggelassen.

```typoscript
<div id="content">
                  
	<!--  CONTENT ELEMENT, uid:161/text [begin] -->
		<div id="c161" class="csc-default">
		<!--  Header: [begin] -->
			<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">AKTUELLES</h1></div>
		<!--  Header: [end] -->

			</div>
	<!--  CONTENT ELEMENT, uid:161/text [end] -->
		
	<!--  CONTENT ELEMENT, uid:163/list [begin] -->
		<div id="c163" class="csc-default">
		<!--  Plugin inserted: [begin] -->
			
		<!--  Plugin inserted: [end] -->
			</div>
	<!--  CONTENT ELEMENT, uid:163/list [end] -->
		
              </div>

    		</div>
```

Hat einer eine Idee?

### [#43](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/43) · Unbekannter Benutzer · 2010-03-11

Du musst bei den Links die aktuelle News ID wieder anhängen lassen.  Den entsprechenden Code gibts auch hier im Thread.

### [#44](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/44) · kenzo2008 · 2010-03-11

Hallo Kitsunet, danke für den Tip...leider weiß ich nicht genau wo ich etwas änder muss.

Das & hab ich mal rausgenommen bei additionalParams = &Fsize=0. Funzt aber auch leider nicht mehr danach.

Vielen Dank für die Hilfe

### [#45](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/45) · SBgerman · 2011-03-28

Hallo,

Ich hab in meiner Seite auch, per TypoScript, 3 Links mit Schriftgrößenveränderung eingebaut.

Klappt auch alles: nur will ich jetzt die Seite zweisprachig aufbauen (was auch klappt) und weiterhin die Schriftgrößenveränderung für die 2. Sprache nutzen.

nicht über die Kommentare wundern...ist meine eigene, geistige Sprache ;)

```typoscript
# Default PAGE object:
page = PAGE

config {
  language = de
  locale_all = de_DE
  doctype = xhtml_trans
  xmlprologue = none
  metaCharset = utf-8
  htmlTag_langKey = de-DE
  linkVars = L
  sys_language_uid = 0
  
  
 ### CoolURI ###
  #simulateStaticDocuments = 0
 # baseURL = http://www.meineDomain.de/
  #Die Basisdomain
  #tx_cooluri_enable = 1
  #Optional alte gespeicherte Links zu neuen Weiterleiten
  redirectOldLinksToNew = 1
 
  ### Schriftgröße ändern ###
  linkVars = Fsize
  uniqueLinkVars = 1
  
  
}  

# wenn der globale Parameter L auf 1 steht:
[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
config.locale_all = en_UK
config.htmlTag_langKey = en-UK
[global]



###Hier wird die MAIN-CSS Datei eingebunden
#wichtig: file1 (die CSS Hauptdateieinbindung) vor file2
#->sonst überschreibt file1 (Haupt-CSS-Datei) die anderen File2 Dateien
#und es ist nur die Haupt-Css Datei wirksam)
page.includeCSS.file1 = fileadmin/template/malerei.css
page.includeCSS.file1.title = Styles für die Bildschirmausgabe
page.includeCSS.file1.import = 1


### Schriftgröße ändern ###
###############################
 
[globalVar = GP:Fsize<1]
page.includeCSS.file2 = fileadmin/template/malerei.css
page.includeCSS.file2.title = Font Size Step 1
page.includeCSS.file2.import = 1
[END]
 
[globalVar = GP:Fsize=1]
page.includeCSS.file2 = fileadmin/template/malerei2.css
page.includeCSS.file2.title = Font Size Step 2
page.includeCSS.file2.import = 1
[END]
 
[globalVar = GP:Fsize=2]
page.includeCSS.file2 = fileadmin/template/malerei3.css
page.includeCSS.file2.title = Font Size Step 3
page.includeCSS.file2.import = 1
[END]
 
  



# Indizieren der Website aktivieren
page.config.index_enable = 1


#page.includeCSS {
 #    file10 = fileadmin/template/malerei.css
  #   file10.media = screen
   #  }

page.10 = TEMPLATE
page.10 {
   template = FILE
   template.file =  fileadmin/template/malerei.htm
   workOnSubpart = DOCUMENT_BODY
   
   subparts.INHALT < styles.content.get
  
 #!!!für 2.Sprache
  select.languageField = sys_language_uid

  

 
#die Marker:
 
marks.fsizemenu = COA
marks.fsizemenu.40 = HTML
marks.fsizemenu.40.value = A
marks.fsizemenu.40.value.typolink.parameter.data = page:uid
marks.fsizemenu.40.value.typolink.additionalParams = &Fsize=0
marks.fsizemenu.40.value.typolink.ATagParams = title="Schriftgröße: normal"
 
marks.fsizemenu1 = COA
marks.fsizemenu1.50 = HTML
marks.fsizemenu1.50.value = A+
marks.fsizemenu1.50.value.typolink.parameter.data = page:uid
marks.fsizemenu1.50.value.typolink.additionalParams = &Fsize=1
marks.fsizemenu1.50.value.typolink.ATagParams = title="Schriftgröße: groß"
 
marks.fsizemenu2 = COA
marks.fsizemenu2.60 = HTML
marks.fsizemenu2.60.value = A++
marks.fsizemenu2.60.value.typolink.parameter.data = page:uid
marks.fsizemenu2.60.value.typolink.additionalParams = &Fsize=2
marks.fsizemenu2.60.value.typolink.ATagParams = title="Schriftgröße: sehr groß"  
   
  
   #deutsch | english
  subparts.language = COA
   subparts.language {
      10 = TEXT
      10.wrap = <a href="index.php?id= | &L=0">einfach</a>
      10.field = uid
      20 = TEXT
      20.value = &nbsp;|&nbsp;
      30 = TEXT
      30.wrap = <a href="index.php?id=|&L=1">schwer</a>
      30.field = uid
    }

  
  
  
  
   marks.FOOTER = COA
   marks.FOOTER {
      10 = TEXT
      10.field = title
      20 = TEXT
      20.value = &nbsp;&copy; 2010 faktura.design
      20.wrap = <a href ="http://www.faktura-berlin.de/"> | </a>
      
   }
  
  
  subparts.GLOBALS = HMENU
   subparts.GLOBALS {
      special = list
      special.value = 7,8,13
      1 = TMENU
    #  1.NO.stdWrap.case=lower
      1.NO.linkWrap = | |*| &nbsp; |
   }
  
       
   subparts.NAVIGATION = HMENU
   subparts.NAVIGATION {
     #excludeUidList = 7,8,13
        wrap = <ul class="navi"> | </ul>
        1 = TMENU
        1.NO.wrapItemAndSub = <li> | </li>
     
     #CUR Zustand der ersten Ebene
     
     1.CUR = 1  
     1.CUR.wrapItemAndSub = <li> | </li>
     1.CUR.ATagParams = class="active"
     
     #Die zweite Ebene:
 # 2 = TMENU
    #Die zweite Ebene:
  2 = TMENU
  2.wrap = <ul class="subnavi"> | </ul>
  2.NO.wrapItemAndSub = <li> | </li>
  }
}
```

### [#46](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/46) · Unbekannter Benutzer · 2011-03-28

Du überschreibst dir deine linkVars:

linkVars = L
linkVars = Fsize

=>

linkVars = L,Fsize

### [#47](https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen/47) · SBgerman · 2011-03-28

Vielen Dank!
Es hat geklappt!

---

Quelle: „Schriftgrößen mit CSS und TYPO3 wählen“, typo3.net, https://www.typo3.net/d/54236-schriftgroessen-mit-css-und-typo3-waehlen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.