Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #342870

    Hey Guys I have a question on the ampersand or and sign in the special headings. I do use a custom google font for the special headings, but the and sign has still always been treated with a special color and style per the parent theme options and I do like it that way. I use special heading – H3 – Heading style classic centered italic. this has always rendered the special and symbol. It still does an if you look at the screenshot the bottom one is what my iphone is currently displaying on both chrome and safari, and what it has always been from the beginning on all devices. but after an update a while ago on my windows computer and apple computer running both chrome or safari browser it shows up like the top image the fat ugly one.

    How can I fix that and make everyone see the one the iphone sees?

    #342882

    sorry site is http://www.jackandaddi.com thanks

    #342885

    It would help if you link to the site so we can see what is being loaded. The fat ampersand display usually means italic is NOT implemented.

    #342889

    Hi!

    Please add following code to Quick CSS

    .special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit!important;
    }

    Best regards,
    Yigit

    #342892

    Just a little note: from typographic view the ampersand would make more sense between Jack & Addi ;-)

    #342895

    It’s rendering correctly for me. You’re using italic Baskerville. Maybe clear your browser cache, refresh, and view the site again?

    #343121

    Hey!

    Thank you for your inputs @redrobin and @smallpotato :)

    Regards,
    Yigit

    #343128

    Red Robin, thanks for the suggestion, but I make it a point to never display Jack & Addi. only Jack + Addi or Jack and Addi.

    Tung Do – I am curious what you are viewing on to see it render like the bottom version in my image. This had been switched away from the bottom and to the top since almost version 2 of the theme so it isn’t a browser refresh issue.

    Yigit

    sorry that code didn’t do what I am looking for. after implementing the code provided the ampersand treatment built into the theme went away entirely. And it became brown and my google font. I want it to stay blue and stay the decorative italic version but I don’t want it to be seen on computers as the fat font in the above sample, just the fancier skinny one in the bottom sample that is still rendering on iphones.

    thanks

    #343130

    It is being displayed as italic, and yes Baskerville is the theme default font supplied in the theme css, How do I find out what font is being used on ios devices. I want it to be whatever that font is

    #343132

    I am on a Windows laptop. I viewed your site using Chrome and Firefox. Both browsers displayed an ampersand fancier than the big bold one so we know at least its font style is italic. However, it’s still not the exact one that you’re displaying in the bottom screenshot. My guess is, at some point, your custom fonts aren’t working and the ampersand is using one of the fall-back font families.

    #343134

    Hi!

    Sorry i got the question wrong :) Checked your website on OS X 10.10 using Chrome version 38.0.2125.111, Safari 8.0, Firefox 33.0.2 and iphone – http://imgur.com/a/VVsEJ

    Cheers!
    Yigit

    #343471

    the Ampersand isn’t using a custom font I have implemented just the theme defaults. Weird, well at least it looks right for you guys and maybe most people I don’t know. My main computer is a design computer and must have 15k typefaces on it, so weird if it can’t display the default typeface. Especially since it used too.

    Unless you guys have any thoughts on how to improve the consistency then we could close I guess. As you can’t control what font the end users have on their machine. I figured the theme would use all web fonts so it wouldn’t ever be an issue.

    #343587

    Hey!

    I asked my teammates to check your website. Let us wait to hear from them while they check if ampersand icon looks fat or like in my screenshots – http://imgur.com/a/VVsEJ

    Regards,
    Yigit

    #343599

    Hey!

    checked and the ampersand is working for me on chrome, safari and firefox (Mac OSX 10.9).

    Regards,
    Andy

    #343947

    Hi!

    Looks great on Windows 7 Ultimate and 8.1 Enterprise (Firefox, Chrome, Opera and IE latest) and Android 4.

    Love the wooden feel :)

    Cheers!
    Arvish

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.