Below is an image of the logo I have created in illustrator CS6:
However, when I save the file as an SVG and then view it, it has been saved looking like so:
Notice how the text is changed to lower case and appears narrower when it's saved as an SVG. I'm using the Playfair Display font from Google Fonts.
Any thoughts on what I might do to fix this issue or why this is happening?