- From: Chris Lilley <chris@w3.org>
- Date: Fri, 21 Mar 2003 01:03:12 +0100
- To: Lorenzo De Tomasi <detomasi.liste@libero.it>
- CC: www-svg@w3.org
On Friday, March 21, 2003, 12:30:43 AM, Lorenzo wrote: LDT> Sorry, but I have not understood :( LDT> can you explain it to me with a practical example? LDT> thank you very much :) Oh. Since you were using advanced features of a language that is still in its early working drafts, I made a guess at how much explanation was needed. OK to step back slightly - do you need this to work in existing legacy browsers or are you discussing (and perhaps implementing) how it should be done in the future? LDT> on 20-03-2003 20:24, Chris Lilley at chris@w3.org wrote: >> On Thursday, March 20, 2003, 11:21:24 AM, Lorenzo wrote: >> >> LDT> I want to insert some editable svg text in a specific font in xhtml. >> LDT> What I would like is to set a svg style one time that specifies color and >> LDT> font, better if linked to the xhtml >> LDT> and then apply it to some text in different points of the xhtml. >> LDT> How can I? >> >> Mix namespaces. Since - based on the element names - you are writing in >> XHTML 2, just go ahead and put an svg element with the embedded font >> in the head, and another two svg elements as children of each h >> element, and svg:text elements inside that. In the svg, set the fill >> of the text to currentColor so it inherits whatever color the rest of >> the xhtml document is using to style its text. >> >> LDT> I attach an svg file with an example of what I want to obtain in the <h> >> tag >> LDT> in the following example. The font is embedded in the file >> >> LDT> Here a simplified example: >> LDT> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >> LDT> external style "h" file: >> LDT> font: Info-Office (embed font) >> LDT> font color: orange >> LDT> font size: 18px >> LDT> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >> LDT> xhtml file: >> >> LDT> <html> >> LDT> <head> >> LDT> <link to style "h"/> >> LDT> </head> >> >> LDT> <body> >> LDT> <section> >> LDT> <h> >> LDT> <svg text with style "h" applied>Iscriviti</svg> >> LDT> </h> >> LDT> <p>...</p> >> LDT> </section> >> LDT> <section> >> LDT> <h> >> LDT> <svg text with style "h" applied>Login</svg> >> LDT> </h> >> LDT> <p>...</p> >> LDT> </section> >> LDT> </body> >> >> LDT> </html> >> LDT> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - >> >> LDT> Thank you very much. >> LDT> >> ____________________________________________________________________________ >> LDT> Lorenzo De Tomasi, student of Information Architecture, Interface Design >> and >> LDT> Visual Design >> LDT> via Bellaria 6, 21018 Sesto Calende (Varese), Italia >> LDT> phone: +39 (0)331 924649 >> LDT> mobile: +39 329 3941065; +39 333 8979304 >> LDT> e-mail: lorenzo.detomasi@libero.it; lorenzo.detomasi@email.it >> LDT> website: http://biografica.tzone.it >> LDT> ICQ uin: 11313132 >> LDT> Yahoo! Instant Messenger id: tummait -- Chris mailto:chris@w3.org
Received on Thursday, 20 March 2003 19:03:16 UTC