DEV Community

Discussion on: Critique My Day Job, Please.

Collapse
 
jenbutondevto profile image
Jen

I had a quick look (i'm viewing on safari)

Looks like roboto is the main font you're trying to use? I don't have this font installed locally - which is maybe why it looks ok to you but at the moment it looks like just a serif font. To fix this you'll want to make sure in the css you're defining @font-face for roboto with the correct urls. Also to prevent it from completely breaking, try using a font stack so it has something to fall back to. It might look something like body { font-family: 'Roboto', sans-serif }

Check the console log, I'm getting issues related to cross origIn. You might need to talk to zonos or consult their api about this. There's also an error related to evaluating i.appendChild in there.

You might want to consider using srcsets for your images also. There are some wordpress plugins around that will resize your images from what I remember. srcset will decide which size the browser should use. This will help page loads, especially if someone is on mobile and using cellular. They don't need to load such a huge image. Conversely for large displays too, so images don't look super pixelated.