Advertisement


How can I use just Roboto font with SVG's?


Question

I am using Adobe Illustator to make some SVGs. I need the font-family to be ONLY roboto for the web. However every time I save it shows other roboto fonts like Roboto-Regular and Roboto-Light. I tried installing the roboto web font from google fonts and restarted illustrator.

Here is an example of code:

<text transform="matrix(1 0 0 1 977.2227 293.7242)" display="inline" fill="#B3B3B3" 
font-family="'Roboto-Regular'" font-size="19.1122">SVG</text>

<text transform="matrix(1 0 0 1 977.2227 339.6242)" display="inline" fill="#099AE2"     
font-family="'Roboto-Light'" font-size="20.2365">Test</text>

The simple solution is to just find and replace in my text editor however as I am going to be doing this in a lot in the future I would like to figure out the cause/real solution to make it just roboto.

I have been searching for answers all day and haven't been successful. I am sure this is simple and any step in the right direction is very much appreciated.

Font URL on website is:

https://fonts.googleapis.com/css?family=Roboto%3A400%2C300%2C100%2C500%2C700%2C500italic%2C400italic%2C300italic%2C100italic%2C700italic

2015/12/26
0
1
12/26/2015 5:00:00 AM