Replace SVG image front with external font? |
Replace SVG image front with external font? |
Mrmoral_es |
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! |
|
|
pandy |
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 |
Lo-Fi Version | Time is now: 24th April 2024 - 08:52 AM |