[Resolved] SVG logo displaying a different font on mobile browser

Home Forums Support SVG logo displaying a different font on mobile browser

This topic contains 4 replies, has 2 voices, and was last updated by  Leo 6 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #515072

    Andrew

    Hi All,

    I uploaded my SVG logo into WordPress by using the safe SVG plugin. It is displaying perfectly on my laptop screen in multiple browsers and in the WordPress customizer in all responsive display modes. The problem comes when I use my iphone to view the website. The logo displays in a completely different font and is spaced weird in Chrome, Safari, and Firefox mobile browsers. Please Help!! I’ve been trying to figure this out all day. The website can be viewed at woohttps://woodandsaw.com/

    Thanks in advance for any advice you can give me.

    GeneratePress 2.0.2
    #515112

    Andrew

    I had to recreate the logo in adobe illustrator by using the “Create Outlines” feature under the “Type” menu.

    https://teamtreehouse.com/community/why-would-the-font-change-in-an-svg-image-when-viewed-on-a-mac-computer

    #515195

    Leo Customer Support

    Hi there,

    Have you fixed this? The logo on mobile logo looks good on my iPhone 6s?
    http://www.screencast.com/t/ram8QM6y

    Let me know if I’m missing something 🙂

    #515256

    Andrew

    Hi Leo,

    Thanks for checking it out. I responded to my first post after I posted it. But yes I did fix it. The problem was with how I created the SVG file in Adobe Illustrator. Even though I did it exactly the way an Adobe video tutorial said to do it. The missing piece was that I had to run the .ai file under the “type” menu and run the “create outlines” menu item before converting the file to SVG. Hope this will help someone else that runs into the same issue.

    #515275

    Leo Customer Support

    Ahh ok.

    Glad you figured out!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.