This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Problems with strange font kerning – circle icon

Resolved 8 replies premiumthemetheme-vantage
SweetBeePixels
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi…I’m having a bit of a problem. Here’s the temporary site:

http://c95.f88.myftpupload.com/ (it’s not live yet)

I absolutely love the Vantage theme. It’s been great so far and I’m looking forward to finishing the site with a store, etc. The only problem I’m having is that the text underneath the two circle icons on the home page rise up and down (in particular the words that read “Who’s Your Farmer?” and “Aquaponics Resources”). Like I said they look great in Chrome but they look awful in explorer and comodo. I’m not sure how to fix this. If you have any suggestions I would appreciate it.

I don’t code but if you have any CSS that I can use that would be great. Maybe I need another font? Is it a conflict with a plug-in? I’ve tried deactivating all of the plug-ins but this doesn’t seem to be the problem (unless I’ve missed something).

URL: http://c95.f88.myftpupload.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 4 months ago

    Hi SweetBeePixels

    Glad to hear your project has been coming along.

    If possible please send through a link to a screenshot of the challenge and we’ll do our best to sort the problem out.

    What version of IE are you testing on?

  2. SweetBeePixels 11 years, 4 months ago

    Good morning, Andrew. It’s IE 10. Here’s a link to the screenshot with the text circled. It’s not as obvious when you do a screenshot but you can still see the rise.

    http://c95.f88.myftpupload.com/wp-content/uploads/2014/10/screenshot.png

  3. Andrew Misplon Staff 11 years, 4 months ago

    It looks like your font isn’t being loaded on that machine. Insert the following under Appearance > Custom CSS:

    body, button, input, select, textarea {
font-family: 'Actor', sans-serif;
}

    Replace sans-serif with whatever font you want to be used as the fall-back. You can just try it as is.

  4. SweetBeePixels 11 years, 4 months ago

    I tried the CSS code and it doesn’t seem to be working. It looks the same.

  5. SweetBeePixels 11 years, 3 months ago

    Hi, Andrew. Any other suggestions?

  6. Andrew Misplon Staff 11 years, 3 months ago

    Try adding !important:

    body, button, input, select, textarea {
font-family: 'Actor', sans-serif !important;
}

    However it looks like you changed the second font to Arimo. Is that a Google font? If so it’ll need to be imported. The idea with the fall-back fonts is that they are default fonts, on all computers.

  7. SweetBeePixels 11 years, 3 months ago

    Good morning, Andrew. I did change the font but went back to sans-serif. It still didn’t work. However, I went ahead and just removed the titles and made them the “more text”. For some reason the “more text” works better and doesn’t have the issue of rising up and down. I think this will work just fine. Thanks for your help!

  8. Andrew Misplon Staff 11 years, 3 months ago

    Glad to hear you found a solution that works. Let us know if you want to re-look at this in the future.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread