[{"data":1,"prerenderedAt":106},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text":3},{"id":4,"title":5,"body":6,"category":93,"description":94,"extension":95,"keywords":96,"meta":97,"navigation":98,"order":99,"path":100,"rawbody":101,"seo":102,"stem":103,"updated":104,"__hash__":105},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text.de.md","Text: Curved Text",{"type":7,"value":8,"toc":90},"minimark",[9,18,40,43,50,53],[10,11,12,13,17],"p",{},"Curved Text biegt eine Textzeile entlang eines ",[14,15,16],"strong",{},"Path","-Elements, statt sie in einer geraden Box sitzen zu lassen. Die Einrichtung erfolgt in zwei Schritten:",[19,20,21,30],"ol",{},[22,23,24,25,29],"li",{},"Füge ein ",[26,27,16],"a",{"href":28},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements#path","-Element in der Form hinzu, in der der Text verlaufen soll, zum Beispiel einen Bogen für ein Badge oder einen Kreis für ein Siegel.",[22,31,32,33,36,37,39],{},"Wähle das Textelement aus, aktiviere in seinen Eigenschaften ",[14,34,35],{},"Curved Text"," und wähle diesen Path im Dropdown ",[14,38,16],{}," aus.",[10,41,42],{},"Der Text verläuft nun entlang des Path und passt seine Größe weiterhin nach denselben Regeln an und bricht um wie jeder andere Text.",[10,44,45],{},[46,47],"img",{"alt":48,"src":49},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fdb1e11ad-fa03-4f5b-3e0e-25ee5734ff00\u002Fpublic",[10,51,52],{},"Zwei Einstellungen justieren, wie der Text auf dem Path sitzt:",[54,55,56,74],"ul",{},[22,57,58,61,62,65,66,69,70,73],{},[14,59,60],{},"Inner Glyph Anchor",": wo der Text entlang des Path sitzt, an seinem ",[14,63,64],{},"Start",", in der ",[14,67,68],{},"Middle"," oder am ",[14,71,72],{},"End",".",[22,75,76,79,80,82,83,86,87,89],{},[14,77,78],{},"Baseline",": wie die Buchstaben die Linie treffen. ",[14,81,78],{}," setzt sie darauf, ",[14,84,85],{},"Hanging"," lässt sie darunter hängen, und ",[14,88,68],{}," zentriert sie darauf.",{"title":48,"searchDepth":91,"depth":91,"links":92},2,[],"design-elements-and-tools","Biege eine Textzeile entlang eines Path-Elements, etwa eines Bogens oder eines Kreises.","md",[],{},true,130,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text.de","---\ntitle: \"Text: Curved Text\"\ndescription: \"Biege eine Textzeile entlang eines Path-Elements, etwa eines Bogens oder eines Kreises.\"\ncategory: design-elements-and-tools\norder: 130\nkeywords: []\n---\nCurved Text biegt eine Textzeile entlang eines **Path**-Elements, statt sie in einer geraden Box sitzen zu lassen. Die Einrichtung erfolgt in zwei Schritten:\n\n1. Füge ein [Path](\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements#path)-Element in der Form hinzu, in der der Text verlaufen soll, zum Beispiel einen Bogen für ein Badge oder einen Kreis für ein Siegel.\n2. Wähle das Textelement aus, aktiviere in seinen Eigenschaften **Curved Text** und wähle diesen Path im Dropdown **Path** aus.\n\nDer Text verläuft nun entlang des Path und passt seine Größe weiterhin nach denselben Regeln an und bricht um wie jeder andere Text.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fdb1e11ad-fa03-4f5b-3e0e-25ee5734ff00\u002Fpublic)\n\nZwei Einstellungen justieren, wie der Text auf dem Path sitzt:\n\n- **Inner Glyph Anchor**: wo der Text entlang des Path sitzt, an seinem **Start**, in der **Middle** oder am **End**.\n- **Baseline**: wie die Buchstaben die Linie treffen. **Baseline** setzt sie darauf, **Hanging** lässt sie darunter hängen, und **Middle** zentriert sie darauf.\n",{"title":5,"description":94},"help\u002Fdesign-elements-and-tools\u002Fcurved-text.de","2026-06-15","GBdt5gQhnH7Yy7iqcIYHBC1mSV-N-Gt0XPa7dBvXULk",1789292813378]