: SVG font-weight changes when rendered in html I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the

Posted in: #Fonts #FontWeight #Html #Svg #Vector

I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the logo's font-weight has changed, and I can't seem to change it back. I've been using this logo for months without an issue. I'm not sure if newly added CSS could be changing it, but when I inspect the logo using Chrome's Developer Tools (F12), there does not seem to be CSS changing it.

If I open the SVG in an HTML page by itself, its font-weight is off (too bold). I am able to target the specific text and remove the font-weight property. This fixes my issue, but I can not seem to target the text of the logo when I'm using it on my Prototype pages.

This seems to be a very similar issue, but since I'm using Inkscape and a newbie to vectors, I wasn't able to use this solution: Preserving font type in illustrator SVG file

10.01% popularity Vote Up Vote Down

: Why can't I resize my text box in Illustrator CS6? The resize tool just don't appear. When I try to resize, it only turn out that I only move my text box. Is there something wrong with

@Rivera951

Posted in: #AdobeIllustrator #Cs6 #Resize #Text

5 Comments

: Transparent CMYK? I am in the print field and relatively new to Adobe Photoshop. I have a lot of situations where I would like to have CMYK over a transparent background. We place .psd

@Rivera951

Posted in: #AdobeIllustrator #AdobePhotoshop #Cmyk #Transparency #Trapping

1 Comments

: Saving GIF and items become not clear I'm using Photoshop CC. I've created a GIF animation with a text, circles etc etc. This text (and other items) is showing fine in Photoshop, but, when

@Rivera951

Posted in: #AdobePhotoshop #Cc2014 #Gif

1 Comments

: Colour replacement tool wont target certain items - Photoshop Im trying to colour replace the highlighted areas in the screen shot below, but when i use the colour replacement tool it dosnt

@Rivera951

Posted in: #AdobePhotoshop #Color

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Kaufman565

I found the solution I was in search of. The Inkscape equivalent to "Expanding the text" is "Object to Path (CTRL + SHIFT + C). I used this command for all text in the logo, saved, and it renders correctly in my HTML now.

10% popularity Vote Up Vote Down

Feed

: SVG font-weight changes when rendered in html I have a logo in SVG format that I am using on a UI Prototype I'm creating using HTML5. I created the SVG using Inkscape. Today I noticed the

More posts by @Rivera951

: Why can't I resize my text box in Illustrator CS6? The resize tool just don't appear. When I try to resize, it only turn out that I only move my text box. Is there something wrong with

: Transparent CMYK? I am in the print field and relatively new to Adobe Photoshop. I have a lot of situations where I would like to have CMYK over a transparent background. We place .psd

: Saving GIF and items become not clear I'm using Photoshop CC. I've created a GIF animation with a text, circles etc etc. This text (and other items) is showing fine in Photoshop, but, when

: Colour replacement tool wont target certain items - Photoshop Im trying to colour replace the highlighted areas in the screen shot below, but when i use the colour replacement tool it dosnt

Login to post a comment!

1 Comments

Back to top | Use Dark Theme