Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 18, 2013 at 11:12 pm #25007
    MM

    Hi guys,

    Has anyone else got problems with the entypo telephone icon (📞)?

    In IE and FF it displays as the phone but in Chrome (v27) it displays as a small white square (see this site for an example: http://graphemica.com/%F0%9F%93%9E).

    Anyone have any ideas what’s going on here?

    Thanks,

    Matt

    June 20, 2013 at 7:27 am #125473
    Dude

    Hi!

    The phone icon on http://graphemica.com/%F0%9F%93%9E doesn’t work for me too. However the Entypo icon works for me just fine…

    Regards,

    Peter

    June 20, 2013 at 9:40 am #125474
    MM

    Hi Peter,

    That’s even more of a mystery now then! I am using the entypo phone icon in the telephone/info box in the header and also in a text widget in the footer. Can you please try these scenarios and see if it still works fine for you?

    Thanks,

    Matt

    June 23, 2013 at 1:20 am #125475
    Devin

    Hi Matt,

    Can you provide a link to your site showing them? It could be a site specific issue or a layout specific issue so just adding it in without doing it in the exact same way as how yours is won’t give a definitive answer.

    Regards,

    Devin

    June 23, 2013 at 1:35 am #125476
    MM

    Hi Devin,

    Unfortunately, the site is local so I can’t provide a link. Could you please just insert the entypo code – 📞 – into the header tel/short info box just to see if it then displays in Chrome for you? If it works for you then I know it’s something specific to my setup and I can try and troubleshoot it.

    Thanks,

    Matt

    June 24, 2013 at 3:34 pm #125477
    Devin

    Hi Matt,

    You can use something like this if you want the icon before the phone field as I don’t think the field accepts them:

    .phone-info:before {
    
content: "1F4DE";
    
font-family: 'entypo-fontello';
    
}

    Reference: https://gist.github.com/pnull/4510484

    Regards,

    Devin

    June 25, 2013 at 12:18 am #125478
    MM

    Hi Devin,

    I’m using the email icon in the same field, with no problem, and the phone icon displays correctly when using Firefox, IE10 & Opera but doesn’t work for Chrome (or PC Safari – but does on iPhone!). Strange.

    I’ve just checked a few other icons and some work and some don’t. I will try your solution but may just have to accept I can’t have it exactly how I want it!

    Thanks,

    Matt

    June 25, 2013 at 3:06 pm #125479
    Devin

    Very strange. I know we are still getting used to using Entypo as its the first theme Kriesi has used it but at the very least using the pseudo :before will allow you to add the icon before that specific content.

    Though if you are using other icons already then it may not be what you actually are trying for as you said.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Entypo icon in Google Chrome’ is closed to new replies.