Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 22, 2024 at 2:33 pm #1471936
    Vera

    Hi,

    I have a problem to show a custom font on mobile devices for the tag .av-masonry-entry-content. It should show the font-familiy ‘chambersitalic‘ which is uploaded in the custom font section.
    For screen it works well as it works fine as a definition for the emphasis tag ’em’ on mobile devices.
    Thanks for help. Link to the page below.

    Best regards,
    Vera

    November 23, 2024 at 12:54 pm #1471998
    Rikard

    Hey Vera,

    I can’t see any problem on my end, I see the same font on desktop as I do on phone emulation and on an actual Android device. How can we reproduce the results that you are seeing on your end?

    Best regards,
    Rikard

    November 23, 2024 at 5:15 pm #1472020
    Vera

    Hi Rikard

    Thank you for your reply.
    It seems to be only a problem on ios mac devices. But there in all kind of browsers.

    Best regards,
    Vera

    November 23, 2024 at 8:40 pm #1472037
    Rikard

    Hi,

    Thanks for the update. I checked the site on an Imac and an Android phone, and both showed the same font. Could you give us some more details of your setup please? You might want to a try on a different machine as well, to see if that makes any difference for you.

    Best regards,
    Rikard

    November 24, 2024 at 9:36 am #1472056
    Vera

    Hi Rikard,

    the problem occurs f.e. on iPhone SE with iOS 18.0.1 or iPad with iPadOS-Version 16.7.10.

    On imacs it works fine but they don’t operate with iOS systems.

    Best regard,
    Vera

    November 24, 2024 at 2:41 pm #1472068
    Mike

    Hi,
    I don’t have a iphone, but it looks like you are using two different fonts, the av-masonry-entry-content is Chambersitalic
    and the av-masonry-entry-title is chambersregular
    I don’t see a “em” tag
    Screen Shot 2024 11 24 at 8.37.21 AM
    Screen Shot 2024 11 24 at 8.38.25 AM
    Did you want them to be the same?

    Best regards,
    Mike

    November 24, 2024 at 4:18 pm #1472071
    Vera

    Hi Mike,

    your image shows the two different fonts in a correct way. But this is how it looks on iOS 18.0.1
    font chambersitalic is not shown
    An em Tag is used on this page and here it shows correctly also with iOS.

    Best regards,
    Vera

    • This reply was modified 4 weeks, 1 day ago by Vera.
    • This reply was modified 4 weeks, 1 day ago by Vera.
    November 24, 2024 at 5:19 pm #1472075
    Mike

    Hi,
    I assume that here it is correct:
    Screen Shot 2024 11 24 at 11.14.36 AM
    here there is a “em” tag
    Screen Shot 2024 11 24 at 11.16.16 AM
    but on your other page there is not
    Screen Shot 2024 11 24 at 8.37.21 AM
    Please check your page the “em” tag

    Best regards,
    Mike

    November 24, 2024 at 5:33 pm #1472080
    Vera

    Hi Mike

    Sorry, but I don’t get it.
    I defined the font in quick CSS by using this:

    .av-masonry-entry-content {
font-size: 19px;
font-family: 'Chambersitalic';
}

    Best regards,
    Vera

    November 24, 2024 at 6:02 pm #1472081
    Mike

    Hi,
    I’m not sure why you only see this on iphone, I will ask the team to check with a iphone, it may take a few days, Thanks for your patience.

    Best regards,
    Mike

    November 25, 2024 at 10:17 am #1472126
    Yigit

    Hi,

    Instead of using the italic font, please try setting it to italic in theme options or using custom CSS as follows:

    
.av-masonry-entry-content {
font-size: 19px;
font-style: italic;
}

    Best regards,
    Yigit

    November 25, 2024 at 11:23 am #1472130
    Vera

    Hi Ygit,

    That doesn’t help because you only get this pseudo distorted version of the font and not the real italic font version.

    Best regards,
    Vera

    November 25, 2024 at 11:55 am #1472132
    Yigit

    Hi Vera,

    Please send us a link to your site and temporary admin logis so we can better advise.

    Regards,
    Yigit

    November 25, 2024 at 12:37 pm #1472135
    Vera

    Hi Yigit,

    below the login credentials.

    Bets regards,
    Vera

    November 25, 2024 at 3:15 pm #1472154
    Yigit

    Hi Vera,

    Thanks for the information.

    I changed the code to the following one and that worked

    
.av-masonry-entry-content {
font-size: 19px;
font-family: 'Chambersitalic';
font-style: italic;
}

    Please clear your browser’s cache and review your website.

    Best regards,
    Yigit

    November 26, 2024 at 10:47 am #1472244
    Vera

    Hi Yigit,

    great.
    Yes that works. It seems a bit redundant to me, but it works.

    Best regards,
    Vera

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘custom font not shown on mobile’ is closed to new replies.