Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 21, 2020 at 10:32 am #1176640
    YourChoice Informatik GmbH

    Hi
    We use a special font for a title on the website https://mgkappelen-werdt.ch/
    On Home, the h2-title “MG Kappelen-Werdt” is in a special font.
    For that, we have the following settings under Enfold Child:

    .avia-caption-title {
font-family: "Brush Script MT" !important;
}

    It works fine on every browser on PC.
    But on mobile it does not work.
    How we can solve this?
    Best regards
    Mike

    January 22, 2020 at 4:18 am #1177007
    Rikard

    Hey Mike,

    I’m seeing the same font when I check on mobile, did you try loading the page in an incognito/private window?

    Best regards,
    Rikard

    January 22, 2020 at 1:16 pm #1177170
    YourChoice Informatik GmbH

    Hi Rikard
    Hm, very special.
    I tried both, normal and incognito/private window on mobile.
    My mobile is a Samsung (Android) and tryed it with the default and the Chrome browser.
    See screenshots under private content.

    January 23, 2020 at 9:03 am #1177455
    Rikard

    Hi,

    Thanks for the update. So how exactly did you import the font on your site? https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

    Best regards,
    Rikard

    January 23, 2020 at 11:28 am #1177546
    YourChoice Informatik GmbH

    Hi
    I didn’t import this font.
    This font is selectable also under Enfold Child – Allgemeines Styling – Schriften
    Regards
    Mike

    January 24, 2020 at 6:09 am #1177990
    Rikard

    Hi Mike,

    Right you are, it’s not one of the most popular fonts used by our customers :-)

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    January 24, 2020 at 10:57 am #1178071
    YourChoice Informatik GmbH

    Hi Rikard
    Yes, we also use it only for one title at home ;-)
    See the admin login in the private content.
    Best regards
    Mike

    January 25, 2020 at 9:38 am #1178291
    Rikard

    Hi,

    Thanks for that. I see that you have selected Verdana as your header font in the theme settings, that means the font in question is not imported to your site. If you only use the CSS you have in Quick CSS, that means the font is not actually imported to your site, but it will be used if the font is found on your local computer. It won’t be used on the phone though since the font is likely not installed locally on the device. What you would have to do in this case to get it working on a phone as well is to upload the actual font to your server, then import it using the CSS I referred to previously in this thread.

    Best regards,
    Rikard

    January 27, 2020 at 12:53 pm #1178671
    YourChoice Informatik GmbH

    Hi Rikard
    Ok, thanks for your answer.
    But where do I find the font files for this Brush Script MT? Can I download them anywhere?
    Best regards
    Mike

    January 28, 2020 at 6:19 am #1178877
    Rikard

    Hi Mike,

    It looks like it’s possible to download it yes: https://duckduckgo.com/?q=Brush+Script+MT&atb=v200-1&ia=images. Also check if you have it on your local computer.

    Best regards,
    Rikard

    January 28, 2020 at 11:12 am #1178952
    YourChoice Informatik GmbH

    Hi Rikard
    Thanks very much.
    It seems to work now.
    You can close this issue.
    Best regards
    Mike

    January 29, 2020 at 6:32 am #1179289
    Rikard

    Hi Mike,

    Great, I’m glad that you got things working and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Font Family does not work on mobiles’ is closed to new replies.