vgavrilovskih

<p>SVG title plugin allows to create animated SVG images from text using Google fonts. After SVG title created, it can be used in a post or a text widget by adding a shortcode.</p>
<p><iframe loading="lazy" title="SVG Title plugin" width="750" height="422" src="https://www.youtube.com/embed/dXUzXqdmV9g?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>SVG title options:</p>
<ul>
<li>Title: is the title you see in SVG.</li>
<li>Font Subset: is a font subset selector. Allows easier to select exact font by removing all other fonts in font selector without such subset.</li>
<li>Font: is a font that will be used to render title into SVG. All fonts taken from Google Font.</li>
<li>Variant: is one of possible variant of the selected font – italic, regular, bold, etc.</li>
<li>Size: is letters size of the title.</li>
<li>Stroke: width is stroke width in pixels.</li>
<li>Animation speed: in case you wish to add animation to the title, you can add four parameters:<br />
pause before outline drawing animation will start;<br />
duration of the outline drawing animation;<br />
pause before color filling animation will start;<br />
duration of the color filling animation;</li>
</ul>
<p>Animation starts if SVG title is visible.</p>
<ul>
<li>Outline color: is a color that used to paint the outline of the letters.</li>
<li>Text color: is a color that fills letters inside.</li>
</ul>


SVG Title

Allows to transform text title to SVG image using Google fonts collection, adding different colors and animation of appearance.

Namogo

<p>An Elementor widget that lets you add an SVG file as markup instead of an html image tag.</p>
<h3>How it works</h3>
<p>Elementor Inline SVG works much like the core Image widget from Elementor, except that it expects SVG files and outputs the file’s contents as markup in your page. This eliminates the extra HTTP request that otherwise occurs when using the  tag and allows for styling and interacting with the SVG elements through CSS and Javascript.</p>
<h3>Options</h3>
<ol>
<li>Max-width control that lets you specify a maximum width in pixels or percentage [responsive]</li>
<li>Custom aspect ratio to change the default aspect ration of the contents [responsive]</li>
<li>Alignment to left, center or right</li>
</ol>


SVG Title vs Elementor Inline SVG