I created an SVG for my website using Illustrator and Adobe fonts. When I upload and view the image in the browser, the correct fonts are not displayed. Does anyone know how to correct this?

Community Beginner ,
Feb 12, 2019 Feb 12, 2019

Copy link to clipboard

Copied

I use Adobe fonts elsewhere on my site and they all look fine. 

Views

136

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Feb 12, 2019 Feb 12, 2019
It's in German, maybe Google can translate it for you? That was the latest I could find:https://www.mediaevent.de/tutorial/svg-fonts.html Which technique to use seems to depend on how to put the SVG on the website.

Likes

Translate

Translate
Adobe Community Professional ,
Feb 12, 2019 Feb 12, 2019

Copy link to clipboard

Copied

You will need specific code to use webfonts in an SVG.

You need to edit the SVG and add that code or maybe call those fonts in the HTML document where you use the SVG.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 12, 2019 Feb 12, 2019

Copy link to clipboard

Copied

I guess that's what I am looking for - the code, and how/where to add it.  The code Adobe gives me to embed fonts always seems the same no matter what web font I am using: <link rel="stylesheet" href="https://use.typekit.net/esc4dbw.css">.  I have this line of code at the top of every page in my website, including the pages that have the SVGs I'm talking about.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 12, 2019 Feb 12, 2019

Copy link to clipboard

Copied

It's in German, maybe Google can translate it for you? That was the latest I could find:

https://www.mediaevent.de/tutorial/svg-fonts.html

Which technique to use seems to depend on how to put the SVG on the website.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 12, 2019 Feb 12, 2019

Copy link to clipboard

Copied

Thank you for this, I'll check that page out and see if I can find my answer there.  I appreciate it!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 28, 2021 Apr 28, 2021

Copy link to clipboard

Copied

LATEST
quote

It's in German, maybe Google can translate it for you? That was the latest I could find:

https://www.mediaevent.de/tutorial/svg-fonts.html.

 

Which technique to use seems to depend on how to put the SVG on the website.


By @Monika Gause

Yeah this is the best way!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines