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: Thu, 20 Mar 2003 20:24:16 +0100
Message-ID: <7267818953.20030320202416@w3.org>
To: Lorenzo De Tomasi <lorenzo.detomasi@libero.it>
CC: www-svg@w3.org

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 14:24:20 GMT

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