Jump to content
Sign in to follow this  
lakersalex

Fonts displaying differently on same browser , different OS

Recommended Posts

lakersalex    4
lakersalex

My site http://www.kneelandmercado.com/ is displaying the font "Franklin Gothic Medium" differently on different computers. See the side by side. How do I fix this? I actually prefer the display on the right. Is it possible to get every browser to show it this way? I noticed the problem because the last menu item was spilling into a second row on the right. I had to adjust the left margin of the li to keep that from happening but now the menu doesn't appear centered on the other computer displaying the other font.

post-31389-0-23757800-1349543257_thumb.j

Share this post


Link to post
Share on other sites
lakersalex    4
lakersalex

Just found this possible explanation.

http://webdesignandsuch.com/fix-fonts-that-dont-work-with-google-font-api-in-internet-explorer-or-chrome-with-font-face/

Does the Typography function use the Google Font API to load the font Franklin Gothic Medium?

How can I get the font to display reliabily across different browser / OS / versions / devices?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Frankin is not one of the Google Fonts.

As a result, if it is not in your device (and those of your visitors), it will not appear consistently, even in the same browser. Please keep in mind too, the CSS for fonts usually has three font selections:

1. The selection made in the drop down list

2. A corresponding or similar font (though not always similar)

3. A generic, such as serif or sans-serif.

I would suggest you implement the Google Fonts plugin (free in Dashboard > PageLines > Store) and select a similar one to Franklin.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
lakersalex    4
lakersalex

DUH! ;) thanks Rob!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all, hope I worded the topic correctly!
      I just need to know if either 1) I'm making a mistake or 2) this could be set as a new feature?
      Using the global settings typography parameters, I have a global paragraph font type (set using googlefonts) and have set the style to align:justify. When laying out <p> text inside a simple TEXT module, the <p> text adheres to both the font type and justification. Perfect.
      Now, when I set <p> text inside the PARAGRAPH TEXT field within an ELEMENT module, the <p> text adheres to the font type, but not the justification. It's rather annoying as I like to fully justify para text across the board and tend to use Element modules instead of text boxes for various reasons. It also seems silly that some PARAGRAPH TEXT fields adopt global settings, whilst other don't.
      Or I'm doing it wrong :S
      Any help or advice is much appreciated!
      Cheers
    • John Olsson
      By John Olsson+
      Hello,
      I wondering (and custumers) when does Font Awesome 4.7 comes with an update of Pagelines?
    • Queue-it
      By Queue-it+
      Hi,
      I have the primary font family set to Arial. If I add another font (Open Sans), how do I change it only on a specific page? 
      I want to have Open sans only on one of my landing pages, but by default it will fetch Arial. Is there a way to change it without a plugin?
       

    • Skip
      By Skip+
      Hello
      I'm having problems with the Font not appearing correctly on a website.
      I've adjusted the font correctly with DMS (see screen shot) and saved it repeatedly yet it does not adjust the font in the website (see screen shot).  Would you please let me know what is wrong and should be done?
      (Please note that I've cleared the cache in the browser and whatnot as far as basic things I do know about browsers and issues with DMS from the past.  Hope this helps in troubleshooting...)
      Thank you.
      Skip


    • Barnaby Skinner
      By Barnaby Skinner+
      Hey all,
      I've been trying to justify the base font in PL5 with the Framework theme, but in doing so it's thrown a curve ball; it seems the font styling used by many of the PL5 Element sections (masthead etc) is overriding the global CSS.
      I set the base font style to justified in the Typography backend panel, and it seems to only apply to the base font used in standard Text sections, not to the base font used in text boxes within Element sections, could be others too, but not checked.
      Can we override this? It seems odd to have to (somehow) apply justification many times to different containers using the same base font, right?
      Also - I tried to add the CSS font-variant: small-caps; to the H3/4/5/6 CSS field in Typography panel, and again nothing happens, this time not even in Text sections!
      Confused I am! Please help...
      Cheers
      Barney
×