You should put the animateTransform element behind the tspan. I don't know about the current version, but some versions of Firefox didn't display text, when something else than <tspan>, or <a> elements was in the <text> element before the text. It is allowed, though, and does work in other user agents.
The font-family property identifes a font by its display name, which is not necessarily identical to the filename of the font. You have to look at by what name the font is presented in the selection box when you edit a document in a word processor, or any application that allows you to select fonts. Destroy sound like it could be the full display name, but maybe it's not. Still, this would only work when the font is installed on your system. If you use the document locally, or for offline rendering, that's fine, but it wouldn't work for people who view the document online, unless they also installed the font. To make SVG viewers use the font when it's not installed, you could use CSS webfonts to specify the location of the font file, but I think currently that's only implemented in webkit. A solution which also works in Opera and the Adobe SVG Viewer (but not in firefox), is to use an embedded SVG font. The Apache Batik toolkit comes with a font converter which can make SVG fonts from True Type Fonts. I have recently written a little how-to on SVG fonts: http://frankbruder.fr.ohost.de/fonts/svgfontshowto_en.xhtml Regards Frank --- In svg-developers@yahoogroups.com, "Hago Ziegler" <[EMAIL PROTECTED]> wrote: > > Hi, > > I would like to use a TTF font, called Destroy.ttf. > I don`t succeed embedding it. > How do I have to do it? > > First I tried this simple script: > .................. > <?xml version="1.0" encoding="UTF-8" standalone="no"?> > > <svg > xmlns:svg="http://www.w3.org/2000/svg"; > xmlns="http://www.w3.org/2000/svg"; > version="1.0" > width="1600" > height="1200" > id="svg1"> > <g transform="translate(350,230)"> > <text x="0" y="0" transform="rotate(-30)" id="text2383" > style="font-size:72px;fill:#000000;fill-opacity:1;font- family:Destroy;"> > <animateTransform attributeName="transform" > attributeType="XML" type="rotate" from="-30" to="0" > begin="1s" dur="5s" fill="freeze"/> > <tspan>Hagos chaos</tspan> > </text> > </g> > </svg> > ............... > > Regards, Hago > ------------------------------------ ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: mailto:[EMAIL PROTECTED] mailto:[EMAIL PROTECTED] <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
