W3C home > Mailing lists > Public > www-svg@w3.org > March 2003

Re: how to write svg text with embedded font in xhtml

From: Lorenzo De Tomasi <detomasi.liste@libero.it>
Date: Fri, 21 Mar 2003 00:30:43 +0100
To: Chris Lilley <chris@w3.org>, Lorenzo De Tomasi <lorenzo.detomasi@libero.it>
Cc: <www-svg@w3.org>
Message-ID: <BAA00DB3.3CC9%detomasi.liste@libero.it>

Sorry, but I have not understood :(
can you explain it to me with a practical example?
thank you very much :)

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
Received on Thursday, 20 March 2003 18:41:03 GMT

This archive was generated by hypermail 2.3.1 : Friday, 8 March 2013 15:54:24 GMT