Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 13, 2015 at 4:58 pm #443841
    piemoo

    hi,
    i’m building this site: woodoing.it/domingo
    i’ve updated 3 different custom font: in Chrome i can see fonts perfectly, in Safari for Mac they are not the same..i’ve tried adding this:

    /* Font rendering */
    body #wrap_all{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    with no luck..i know different browser can change minimally a font weight..but i think there’s a big difference between the two version!

    how can i solve?

    regards,

    Nic

    May 14, 2015 at 9:50 am #444156
    Rikard

    Hi piemoo!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    May 14, 2015 at 10:52 am #444211
    piemoo

    Hi Rikard,
    i’ve written the link before! ;) however it is:

    woodoing.it/domingo/

    regards,

    Nic

    May 14, 2015 at 3:33 pm #444337
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia_textblock { -webkit-font-smoothing: subpixel-antialiased; }

    P.S.: Your website is really nice!

    Regards,
    Yigit

    May 14, 2015 at 5:40 pm #444464
    piemoo

    Hi Yigit,
    i’ve insert your code with no luck :(

    PS: thank you! hear it from a style guru like you, is very rewarding

    best regards,

    Nic

    May 14, 2015 at 5:53 pm #444474
    Yigit

    Hey!

    This is how it looks on my end right now – http://imgur.com/a/7Dce3
    First screenshot is with the code and second is without. Can you please flush browser cache and refresh your page a few times?

    Best regards,
    Yigit

    May 14, 2015 at 6:05 pm #444483
    piemoo

    hey Yigit,

    i see it like this on Safari for Mac: http://imgur.com/CYwJg9U

    i don’t know wha’t the matter: same font in some object seems to be like Chrome, in other appears like the link on top

    best regards,

    Nic

    May 14, 2015 at 6:11 pm #444489
    Yigit

    Hey!

    Which version of OS X and Safari are you using? I am checking your website on OS X 10.10 on Safari 8.0.2

    Cheers!
    Yigit

    May 15, 2015 at 1:48 am #444702
    piemoo

    Hey Yigit,
    i see like my screenshot on:

    – Safari 8.0.5 / Mac OS X 10.8 (AppleWebKit 600.4.10) – 17″
    – Safari 5.1.7 / Windows 8.1 – 15″
    – Safari 5.1.7 / Mac OS X – 13″

    I know different browser render fonts a lil’ bit different..but on Safari the result is worst: the layout-builder menu on the homepage has an acceptable font, but the first text block is bolder and not precise.

    here’s the correct rendering of Gotham font

    IE 11:

    Chrome:

    Best regards,

    Nic

    May 15, 2015 at 6:01 am #444754
    Josue

    Hey!

    Try explicitly setting the font-weight for those spans – http://a.pomf.se/hsjfli.png

    Cheers!
    Josue

    May 22, 2015 at 9:40 am #448269
    piemoo

    Hey,
    fixed with Josue’s method..thanks!
    another couple of question:

    1-on zoomed browser (or on low res), the header occupy 50% of the screen..i would like the proportion of the header on 17″/15″ still remain (so + or – 1/3)

    2-on small screen, height i’ve setting in the layoutbuilder’s element is too high: ie in the last green part of the page, i can’t see all the informations by scrolling down totally

    best regards,

    Nic

    May 22, 2015 at 6:16 pm #448534
    Josue

    Hey!

    1. Can you give a specific screen size on when this happens? i don’t think there is a way to target a zoomed level in CSS.

    2. Add this to your CSS (if you set a custom ID to that section change accordingly):

    #av_section_3 .hr-invisible{
    height: 50px !important;
}

    Regards,
    Josue

    May 30, 2015 at 12:11 am #451846
    piemoo

    Thank you Josue, i’ve solved the issue!

    best regards,

    Nic

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘problem with custom font’ is closed to new replies.