Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Christian Bryant
Front End Web Development Techdegree Student 8,296 PointsHow can I get my Illustrator fonts to show when exported to SVG and used for the web?
So I've created an icon for my web site using Adobe Illustrator. I use Adobe Illustrator CC, and synced a font. When I use that font, and then save as SVG, and embed in my website, the font doesn't get rendered. It just gets shown as a basic root font. Any help or suggestions?
2 Answers
Christian Bryant
Front End Web Development Techdegree Student 8,296 PointsRob - Thanks for that. You answer is correct if someone is just looking to be able to use the Adobe type face in their site. I was trying to figure out why the graphical icon I created that used an Adobe font was not being rendered. When I included the web script in my <head> it still wouldn't work. I figured it out by when saving as an SVG, in the save options dialog box I changed the font settings to Outline.
Rob Turner
1,458 PointsThe font will need to added to your website. Do you pay for the Creative Cloud sub and is the font from Adobe's Typekit service (or one included in illustrator)? If so, check out this link
http://help.typekit.com/customer/portal/articles/6780-adding-fonts-to-your-website