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

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

From: Chris Lilley <chris@w3.org>
Date: Fri, 21 Mar 2003 01:03:12 +0100
Message-ID: <784554953.20030321010312@w3.org>
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 GMT

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