Need help for mobile views (imaged changed to text?)

Design help General
1

Hi guys I am pretty confused!

I just made my first Webflow page: 201720.webflow.io
I used an image for the numbers 201720. But if I view the site on my iPhone the freaking font changed?! I mean what? It’s an image what the freak happened? haha :smiley:

Can anyone help me?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like
2

Hey @Agentur_201720,

I noticed your image is an SVG did you create an outline of your font/Graphic. I’d try that first off.

Sometimes SVGs render weirdly if a computer or device does not have the font that was used on them. I’ve run into that issue.

Let me know if that helps!
–Austin

3

Thank you very much!

I am not very talented with illustrator but I’ll google how to create outlines and try your tip thank you :slight_smile:

4

Let me know if that solves it! SVGs can be a little bit tricky @Agentur_201720

If I recall, in illustrator create outlines should be an option when you right click on your text!

5

First of all, why image? :smile: I mean you can easily make a real text using text block. @austin Is :100: right. Right click on the element when you’re in illustrator and press CREATE OUTLINES

2 Likes
6

That’s another good point. This look is definitely achievable with text + styling. If you are using two different fonts you can use different elements or apply a span to the numbers or vice-versa.

1 Like