-
Posts
-
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?
sorry site is http://www.jackandaddi.com thanks
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.
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,
YigitJust a little note: from typographic view the ampersand would make more sense between Jack & Addi ;-)
It’s rendering correctly for me. You’re using italic Baskerville. Maybe clear your browser cache, refresh, and view the site again?
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
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
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.
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!
Yigitthe 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.
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,
YigitHey!
checked and the ampersand is working for me on chrome, safari and firefox (Mac OSX 10.9).
Regards,
Andy
- You must be logged in to reply to this topic.