Options

Do Macs generally screw up Google fonts?

ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
edited January 11, 2015 in SmugMug Support
I visited a friend who has a Mac (sorry I didn't get her model type/monitor type, which I realize would help), and the Buda font on my site looks horrible. This is the 3rd Mac on which I have viewed my site, and they all get 'horrible'.

Knowing how Microsoft, Google, and Apple, can make viewing the others' worlds a bit painful, is this also true for Google fonts? Or is it specific to Buda?

I would appreciate it :bow if someone with a Mac or two would tell me if Buda is good and clear?

Thanks.

Comments

  • Options
    RobLoudRobLoud Registered Users Posts: 45 Big grins
    edited December 31, 2014
    Hi Chancy,

    I am using a Macbook Pro Retina and the Buda font on your site looks fine to me when compared to the Google Font site. Please see a screen shot of your homepage below; your site font actually appears sharper than it shows on the image:

    Hope this helps

    15972159300_9182b00e55_b.jpg

    Robin
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited December 31, 2014
    Thank you Rob. I wonder if this is even answerable since monitors can vary so widely. Plus browser type? For what it's worth here's what I see. I'm on a Lenovo laptop, screen is Intel HD Graphics 4000/NVIDIA Quadro K1000M (not sure if any of that is relevant). This is on Firefox 34. I'm curious to see how this looks on DigitalGrin since I know screenshots/uploaded will distort an image.

    http://www.joinrats.com/photos/i-RgBzxzf/0/O/i-RgBzxzf.jpg
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited December 31, 2014
    Hmm, didn't get it inserted...

    i-RgBzxzf.jpg
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 6, 2015
    On my Mac it's not exactly the same but it's pretty darn close, and also looks "good" to me. Keep in mind that you're specifying how the browser should load this font in your CSS and there's 3 different file types for the different browsers, etc, so that could account for some of the variation. You could download the font from Google and then run it through FontSquirrel's web-font generator (which should create new files using a standard one) but this is gunna get compilcated as you'd have to upload these new files to a server with public access and then change your CSS to point to those files.
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited January 11, 2015
    I'm not sure but I think someone did that for me - you, or Nicholas?
    Is this that code:
    @font-face {
    font-family: 'Buda';
    font-style: normal;
    font-weight: 400;
      src: 
         url(http://themes.googleusercontent.com/static/fonts/buda/v3/xpKVHc19vcKaqMGd7JtK-A.eot?#iefix) format('embedded-opentype'),
         url(http://themes.googleusercontent.com/static/fonts/buda/v3/3N6IHhwL9GuAVU1WX0Z9CA.woff) format('woff'),
         url(http://themes.googleusercontent.com/static/fonts/buda/v3/In5nPPB6p1Mco64syFRrYQ.ttf) format('truetype');
    }
    

    If not, I think I'll have to live with what I have. I'm grateful you think it's clear and of good quality on a Mac. I wonder if the 3 Macs I have seen - have older monitors, or, need to be calibrated... something like that...
Sign In or Register to comment.