# Text-Eigenschaften

> Was jede Eigenschaft eines Texts bewirkt: Origin, Schriftart, Max Font Size, Align, Spacing, Wrap, Enforce Uppercase, Farbe, Hintergrund und gedrehte Zeilen.

Source: https://bluepic.io/de/help/design-elements-and-tools/text-settings  
Language: de  
Category: design-elements-and-tools  
Last updated: 2026-10-22

Im Properties-Panel legst du fest, wie ein Text aussieht und wie er sich verhält, wenn er länger oder kürzer wird. Das ist vor allem wichtig, wenn der Text aus einem Input-Feld kommt und du nicht weißt, wie viel deine Nutzer tippen. Wie du einen Text hinzufügst, steht in [Design-Elemente (Bilder, Text, Formen)](https://bluepic.io/de/help/design-elements-and-tools/design-elements).

Die Eigenschaften siehst du, sobald du einen Text auf dem Canvas oder im Layers-Panel auswählst. Sie stehen in den Abschnitten **Position & Size**, **Text**, **Appearance** und **Transforms**.

![Abschnitt Text eines ausgewählten Texts: Content, Font Style, Font Family, Max Font Size, Align, Spacing, Wrap, Enforce Uppercase und Curved Text.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-text-settings-01/public){width="343"}

## Origin

Ganz oben im Abschnitt **Position & Size**:

- **Origin**: der Punkt in der Textbox, an dem der Text sitzt. Mit den ersten drei Buttons wählst du ihn waagerecht (links, Mitte, rechts), mit den anderen drei senkrecht (oben, Mitte, unten). Standardmäßig oben links.
- **Position**: wo der Origin auf dem Canvas liegt (X und Y).
- **Size**: Breite und Höhe der Textbox (W und H). Der Text bleibt immer in dieser Box.

Ist der Text kleiner als seine Box, bleibt er am Origin stehen. Wird er länger, wächst er von dort aus:

- Origin in der Mitte: Der Text wächst gleichmäßig nach beiden Seiten.
- Origin unten links: Der Text bleibt in der unteren linken Ecke und wächst nach oben und nach rechts.

So bleibt Text aus einem [Text-Input-Feld](https://bluepic.io/de/help/input-fields/text-input-fields) immer auf die gleiche Weise an seinem Platz, egal wie viel Nutzer schreiben. Der waagerechte Origin und [Align](#align) hängen zusammen: Ein Origin links, mittig oder rechts entspricht linksbündigem, zentriertem oder rechtsbündigem Text. Änderst du das eine, ändert sich das andere mit.

![Abschnitt Position & Size eines Texts neben dem ausgewählten Text auf dem Canvas. Ein Pfeil zeigt auf den Origin des Texts links in der Mitte.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-text-origin-01/public?v=3b6d1869){width="1479"}

## Content

- **Content**: der Text selbst. Machst du den Text mit einem Input-Feld änderbar, wird dieser Inhalt zum Standardwert des Input-Felds.

## Schriftart

- **Font Style**: Stärke und Stil der Schriftart, zum Beispiel **Bold** oder **Light italic**. Die Liste zeigt nur, was die gewählte Schriftart mitbringt.
- **Font Family**: die Schriftart. Der Button zeigt ihren Namen, ein Klick öffnet die Liste aller Schriftarten. Der Text wechselt sofort zur gewählten Schriftart. Standardmäßig Inter.

Wie du deine eigene Markenschrift nutzt, steht in [Schriftart hochladen: eigene Schriftarten in Templates nutzen](https://bluepic.io/de/help/design-elements-and-tools/importing-fonts).

## Max Font Size

- **Max Font Size**: die größte Schriftgröße, die der Text haben kann. Passt er bei dieser Größe nicht in seine Box, wird er kleiner, bis er passt. Größer als die Max Font Size wird er nie. Standardmäßig 52.

So passt Text jeder Länge in ein Design. Längere Eingaben aus einem Input-Feld werden von selbst kleiner, statt aus der Box zu laufen. Wie der Text kleiner wird, hängt von [Wrap](#wrap) ab.

> **Tipp:** Du kannst die Max Font Size auch durch Ziehen auf dem Canvas einstellen: im Modus **Scale** des Cursor-Buttons, siehe [Design-Werkzeuge (Zoom, Align, Scale, Move)](https://bluepic.io/de/help/design-elements-and-tools/design-tools). Ziehst du im Modus **Select** an einem Anfasser, änderst du nur die Größe der Box. Hältst du dabei **Shift** gedrückt, ändert sich die Max Font Size mit.

![Max Font Size im Abschnitt Text neben dem ausgewählten Namenstext auf dem Canvas.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-text-settings-03/public?v=e83cf572){width="1479"}

## Align

- **Align**: richtet die Zeilen links, mittig oder rechts aus. Standardmäßig links. Die Textbox bleibt dabei an ihrem Platz. **Align** stellt auch den waagerechten [Origin](#origin) ein. So wächst ein längerer Text in die passende Richtung.

## Spacing

**Spacing** hat zwei Felder. Gib eine Zahl ein oder ziehe mit der Maus über das Feld.

- Linkes Feld: der Zeilenabstand. Bei 100 haben die Zeilen den normalen Abstand der Schriftart. Höhere Werte geben den Zeilen mehr Luft, niedrigere rücken sie zusammen. Standardmäßig 120.
- Rechtes Feld: der Buchstabenabstand. 100 ist der normale Abstand der Schriftart. Höhere Werte ziehen die Buchstaben auseinander, niedrigere rücken sie zusammen. Standardmäßig 100.

## Wrap

In der Zeile **Text Settings**:

- **Wrap**: bestimmt, was passiert, wenn ein Text breiter als seine Box ist. Standardmäßig an.
  - An: Der Text bricht in neue Zeilen um und bleibt so in der Box. Reicht der Platz trotzdem nicht, wird er kleiner.
  - Aus: Der Text behält die Zeilenumbrüche, die du getippt hast, und bricht nie von selbst um. Stattdessen wird der ganze Text kleiner, bis er in die Box passt.

In beiden Fällen bleibt der Text in seiner Box und startet bei seiner [Max Font Size](#max-font-size). Mit Wrap an nutzt langer Text mehr Zeilen, mit Wrap aus wird er kleiner.

![Text Settings mit eingeschaltetem Wrap.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-text-wrap-01/public){width="339"}

## Enforce Uppercase

- **Enforce Uppercase**: zeigt den Text nur in Großbuchstaben. Der Text, den du eingegeben hast, bleibt unverändert, nur die Anzeige ändert sich. Das gilt auch für Text aus einem Input-Feld: Was deine Nutzer eintippen, erscheint in Großbuchstaben. Standardmäßig aus.

## Curved Text

- **Curved Text**: lässt den Text an einem Pfad entlanglaufen. Standardmäßig aus. Ist der Haken gesetzt, erscheinen darunter:
  - **Path**: der Pfad, dem der Text folgt.
  - **Baseline**: wie die Buchstaben auf dem Pfad sitzen: **Baseline**, **Middle** oder **Hanging**. Standardmäßig **Baseline**.
  - **Offset**: Abstand des Texts vom Anfang (**left**) und vom Ende (**right**) des Pfads. Standardmäßig 0.

![Curved Text im Abschnitt Text: Der Rollentext des Profilbild-Rahmens läuft auf dem Canvas an einem runden Pfad entlang.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-text-settings-04/public?v=19ea5470){width="1459"}

Wie das geht, steht in [Text auf eine Kurve setzen](https://bluepic.io/de/help/design-elements-and-tools/curved-text).

## Farbe und Hintergrund

Im Abschnitt **Appearance**:

- **Fill Color**: die Farbe der Buchstaben. Standardmäßig Schwarz. Ohne Haken hat der Text keine Füllung.
- **Stroke Color**: eine Kontur um die Buchstaben. Standardmäßig aus.
- **Background Color**: ein Hintergrund hinter dem Text. Standardmäßig aus.
- **Background Stroke Color**: eine Kontur um den Hintergrund. Standardmäßig aus.

Sobald der Hintergrund eine Farbe oder eine Kontur hat, erscheinen weitere Eigenschaften:

- **Background Corner Radius**: rundet die Ecken des Hintergrunds ab.
- **Background Clip**: wie weit der Hintergrund reicht. **Text Frame** füllt die ganze Textbox (Standard). **Text** legt ein Rechteck eng um alle Zeilen. **Per Line** gibt jeder Zeile einen eigenen Hintergrund.
- **Background Padding**: vergrößert den Hintergrund um diesen Abstand.

![Appearance-Abschnitt eines Texts mit aktivierter Background Color und geöffnetem Menü Background Clip: Text Frame, Text und Per Line.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-design-elements-02/public){width="938"}

Farbverläufe erklärt [Farben und Verläufe einstellen](https://bluepic.io/de/help/design-elements-and-tools/colors-and-gradients).

## Zeilen drehen und neigen

Am Ende des Abschnitts **Transforms**. Ist der Abschnitt zugeklappt, klicke auf **Transforms**. Alle Werte sind in Grad und standardmäßig 0.

- **Rotate Text**, **Line °**: dreht jede Zeile für sich. Das Element als Ganzes bleibt gerade.
- **Rotate Text**, **Char °**: dreht jeden Buchstaben für sich. Die Zeile selbst bleibt gerade.
- **Skew Lines**, **X °** und **Y °**: neigt jede Zeile zur Seite (X) oder nach oben und unten (Y).

Gedrehte oder geneigte Zeilen können über die Textbox hinausragen. Das ganze Element drehst du mit **Rotate** weiter oben im selben Abschnitt.

![Abschnitt Transforms eines Texts mit Rotate Text (Line 10°) und Skew Lines (X 15°).](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-text-settings-02/public){width="343"}

> **Tipp:** Wie andere Eigenschaften können auch diese eine Expression enthalten oder mit einem Input-Feld verbunden werden. Ein Checkbox-Input-Feld kann zum Beispiel **Enforce Uppercase** ein- und ausschalten. Mehr dazu in [Wie Elemente, Eigenschaften und Input-Felder zusammenhängen](https://bluepic.io/de/help/input-fields/elements-properties-input-fields).

## Mehr dazu

- [Design-Elemente (Bilder, Text, Formen)](https://bluepic.io/de/help/design-elements-and-tools/design-elements)
- [Text auf eine Kurve setzen](https://bluepic.io/de/help/design-elements-and-tools/curved-text)
- [Text-Input-Felder](https://bluepic.io/de/help/input-fields/text-input-fields)
- [Schriftart hochladen: eigene Schriftarten in Templates nutzen](https://bluepic.io/de/help/design-elements-and-tools/importing-fonts)