The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Replace SVG image front with external font?
Mrmoral_es
post Feb 9 2013, 11:49 PM
Post #1


Unregistered









I used the object tag to insert an svg image on top of the page. I tested the site in IE10 and the latest Chrome with my computer and it works,and then again on another computer which it doesn't work so well. The problem is, the letters inside the svg image don't use the correct font so I replaced this with an img of the jpeg version until I could figure out a way for the svg to work. I think the reason it works on my personal computer is because I have the specific font in the svg image installed on the local hard drive, however, it is not installed on any external computer. Is there any way to @font-face an svg image?

This is what it looks like: http://i45.tinypic.com/1w553.jpg

CSS:
@font-face
{
font-family: Minimal;
src: url("minimal.eot") /* EOT file for IE */
}

@font-face
{
font-family: Minimal;
src: url("minimal.ttf") /* TTF file for CSS3 browsers */
}

HTML:

<object id="Logo" data="/epe/images/EyesPeeledENTMT.svg" type="image/svg+xml"></object>

Your help is very much appreciated!
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 10 2013, 02:41 AM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



QUOTE
Is there any way to @font-face an svg image?


Yup. But I don't know how well supported it is.
http://www.w3.org/TR/SVG/fonts.html
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th April 2024 - 11:22 AM