events

Example for responsive website with dynamic text in svg graphic

example

View an example on http://events.tsv-bodnegg.de/example or on http://events.tsv-bodnegg.de/files/header.php?text=example (dynamic text goes after ?text=)

how to for the svg file

1. Create svg files with Illustrator or other svg application, embed the font as "SVG". Important: Use only one font to embed, Firefox and IE can't handle two or more font descriptions
2. Open svg file and change the header and xml line like in header.php, input your php code and save this as a php file
3. In the font block are the letters and numbers. If you don't need all letters you can remove some to reduce file size and download time

credits

Wood texture by Beyond-Oddities http://beyond-oddities.deviantart.com/art/Local-Texture-Three-by-One-77137822