Ob du nun die einzelnen Buchstaben als Path hast oder den ganzen Text als einen eigenen Path, ist egal.
Die einzelnen Buchstaben als Path zu haben erlaubt diese jeweils einzeln zu bearbeiten und bringt mehr Flexibilitaet mit sich.
Farblich kannst du sehr wohl die einzelnen Buchstaben anpassen: (hab das mal wirklich wyld gemacht damit man den Unterschied sehen kann)
SVG Code:
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 563 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g id="layer1" transform="matrix(1,0,0,1,100.4,-403.626)">
<path id="text1" d="M-100.4,404.5L4.6,404.5L4.6,439.5L-61.9,439.5L-61.9,504.25L-9.05,504.25L-9.05,539.25L-61.9,539.25L-61.9,614.5L4.6,614.5L4.6,649.5L-100.4,649.5L-100.4,404.5Z" style="fill:rgb(9,189,255);fill-rule:nonzero;"/>
<path id="text2" d="M-34.483,404.766L4.367,404.766L29.567,594.815L30.267,594.815L55.467,404.766L90.817,404.766L53.717,649.765L2.617,649.765L-34.483,404.766Z" style="fill:rgb(202,38,38);fill-rule:nonzero;"/>
<path id="text3" d="M59.465,404.773L111.612,404.231L154.063,648.34L115.566,648.74L108.059,600.257L108.066,600.956L64.319,601.411L57.819,649.341L22.121,649.712L59.465,404.773ZM103.17,567.818L84.759,447.132L84.059,447.14L68.522,568.18L103.17,567.818Z" style="fill:rgb(104,56,56);fill-rule:nonzero;"/>
<path id="text4" d="M127.6,403.75L184.65,403.75C204.483,403.75 218.95,408.417 228.05,417.75C237.15,426.85 241.7,440.967 241.7,460.1L241.7,475.15C241.7,500.584 233.3,516.684 216.5,523.45L216.5,524.15C225.833,526.95 232.366,532.667 236.1,541.3C240.066,549.934 242.05,561.483 242.05,575.95L242.05,619C242.05,626 242.283,631.717 242.75,636.15C243.216,640.35 244.383,644.55 246.25,648.75L207.05,648.75C205.65,644.783 204.717,641.05 204.25,637.55C203.783,634.05 203.55,627.75 203.55,618.65L203.55,573.85C203.55,562.65 201.683,554.834 197.95,550.4C194.45,545.967 188.267,543.75 179.4,543.75L166.1,543.75L166.1,648.75L127.6,648.75L127.6,403.75ZM180.1,508.75C187.8,508.75 193.517,506.767 197.25,502.8C201.217,498.834 203.2,492.184 203.2,482.85L203.2,463.95C203.2,455.084 201.567,448.667 198.3,444.7C195.267,440.734 190.367,438.75 183.6,438.75L166.1,438.75L166.1,508.75L180.1,508.75Z" style="fill:rgb(0,233,255);fill-rule:nonzero;"/>
<rect id="text5" x="240.85" y="403.75" width="38.5" height="245" style="fill:rgb(255,234,0);fill-rule:nonzero;"/>
<path id="text6" d="M324.25,648.5C305.35,648.5 290.883,643.285 280.85,632.855C270.817,622.425 265.8,607.688 265.8,588.642L265.8,463.484C265.8,444.438 270.817,429.7 280.85,419.27C290.883,408.84 305.35,403.625 324.25,403.625C343.15,403.625 357.616,408.84 367.65,419.27C377.683,429.7 382.7,444.438 382.7,463.484L382.7,588.642C382.7,607.688 377.683,622.425 367.65,632.855C357.616,643.285 343.15,648.5 324.25,648.5ZM324.25,614.49C337.55,614.49 344.2,606.667 344.2,591.022L344.2,461.103C344.2,445.458 337.55,437.636 324.25,437.636C310.95,437.636 304.3,445.458 304.3,461.103L304.3,591.022C304.3,606.667 310.95,614.49 324.25,614.49Z" style="fill:rgb(0,255,89);fill-rule:nonzero;"/>
<path id="path6" d="M403.75,648.5C384.85,648.5 370.384,643.285 360.35,632.855C350.317,622.425 345.3,607.688 345.3,588.642L345.3,463.484C345.3,444.438 350.317,429.7 360.35,419.27C370.384,408.84 384.85,403.625 403.75,403.625C422.65,403.625 437.117,408.84 447.15,419.27C457.184,429.7 462.2,444.438 462.2,463.484L462.2,588.642C462.2,607.688 457.184,622.425 447.15,632.855C437.117,643.285 422.65,648.5 403.75,648.5ZM403.75,614.49C417.05,614.49 423.7,606.667 423.7,591.022L423.7,461.103C423.7,445.458 417.05,437.636 403.75,437.636C390.45,437.636 383.8,445.458 383.8,461.103L383.8,591.022C383.8,606.667 390.45,614.49 403.75,614.49Z" style="fill:rgb(255,0,227);fill-rule:nonzero;"/>
</g>
</svg>
Alles anzeigen
P.S.: Bitte den SVG Code naechstes Mal als Code und nicht als Spoiler in den Thread packen, dass erleichtert das kopieren ungemein, Danke!