• Home
  • Plugins
    • Use Any Font
      • Use Any Font API Key
    • WP Masonry Layout
    • Jquery Validation For Contact Form 7
    • Real Email Checker
    • Any Mobile Theme Switcher
    • Block Specific Plugin Updates
    • Featured Image in RSS Feed
    • Add Tags And Category To Page
    • Remove Admin Bar For Client
  • Manage API
  • Support Forum
  • Blog
  • Contact
  • Home
  • Plugins
    • Use Any Font
      • Use Any Font API Key
    • WP Masonry Layout
    • Jquery Validation For Contact Form 7
    • Real Email Checker
    • Any Mobile Theme Switcher
    • Block Specific Plugin Updates
    • Featured Image in RSS Feed
    • Add Tags And Category To Page
    • Remove Admin Bar For Client
  • Manage API
  • Support Forum
  • Blog
  • Contact
  • You are here:
  • Home
  • Use Any Fonts
  • Problem with font display on iPhones only

Home › Forums › Use Any Fonts › Problem with font display on iPhones only

This topic contains 5 replies, has 2 voices, and was last updated by  Dinesh 1 week, 3 days ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 5, 2019 at 4:22 am #252646 Reply

    pdxezbiz

    Hi, I’ve uploaded a custom font to use on my site (currently being used on h1, and some of the h3) – it works great and looks perfect, except on iPhones specifically. On iPhones, some of the letters merge together. We have tested different iPhone devices and different browsers, but we still see the problem.

    SCREENSHOTS – Please look at the custom font in Yellow:
    1. Here you can see the font on my laptop, it looks perfectly fine – https://theatre.pdxezbiz.com/wp-content/uploads/2019/02/no-font-issue-on-laptop-iphone-preview.png

    2. Here is a screenshot from an iPhone, and you can see that some of the letters have merged – https://theatre.pdxezbiz.com/wp-content/uploads/2019/02/iphone-font-issue.png

    Do you know why this is happening?
    What can I do to fix this this problem?

    February 5, 2019 at 3:11 pm #252825 Reply

    Dinesh
    Keymaster

    Hi,

    Can you please send me your site url ? Seems like there is line spacing issue. I will check it in iphone simulator and let you know the solution.

    Thanks

    February 7, 2019 at 5:40 am #253480 Reply

    pdxezbiz

    Thank you! Website is http://www.theatre.pdxezbiz.com

    February 8, 2019 at 5:39 am #253844 Reply

    Dinesh
    Keymaster

    Hi,

    Can you please keep this css and see if this fixes the issue ?

    .kad-site-title{letter-spacing: 0.5px;}

    Hope this helps.

    Thanks

    February 8, 2019 at 8:32 am #253866 Reply

    pdxezbiz

    The problem is not only with the site title. As I sent in the screenshots, it is a problem with the letters “A” and “V,” INCLUDING the site title, AND ALSO the h3 in the footer.

    In addition, CSS that targets letter spacing can’t fix this problem. The letter spacing is fine, for all fonts, across the entire site. The only issue is with these two letters. This font does not inherently have this problem.

    Do you have any idea why the font would have this display glitch ONLY on iOS???

    February 8, 2019 at 12:38 pm #253955 Reply

    Dinesh
    Keymaster

    Hi,

    I am sending the above css for just test. If this works then we can replicate same for all.

    Can you please try this one ?

    Thanks

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
Reply To: Problem with font display on iPhones only
Your information:




Our Plugins
  • Use Any Font
  • WP Masonry Layout
  • Jquery Validation For Contact Form 7
  • Real Email Checker
  • Any Mobile Theme Switcher
  • Block Specific Plugin Updates
  • Featured Image in RSS Feed
  • Add Tags And Category To Page
  • Remove Admin Bar For Client
Support Forum
  • Add Tags And Category to Page and Post Types
  • Any Mobile Theme Switcher
  • Block Plugin Updates
  • Email Checker
  • Featured Image in RSS Feed
  • Jquery Validation for Contact Form 7
  • Use Any Fonts
Scroll
Support Forums
  • Add Tags And Category to Page and Post Types
  • Any Mobile Theme Switcher
  • Block Plugin Updates
  • Email Checker
  • Featured Image in RSS Feed
  • Jquery Validation for Contact Form 7
  • Use Any Fonts
Recent Topics
  • Can this be used with WordPress Oxygen
  • Why I can not load font?
  • Font not working
  • Website adress changed & API
  • Problem with font display on iPhones only
  • Specify a cache validator
  • Re-Generated Test API Fails, Can Only Use Once Even When Re-generated?
Testing Platform Partner
Header logo

 

Become An Affiliate

Promote Us and Get 30% commission in referral.

Become An Affiliate Now !

@2018 © Dnesscarkey

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.