Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 29, 2015 at 8:12 pm #466040
    Susanne

    URL http://www.facialfitnessworkout.co.uk

    Hi there,
    Thanks to member Guenni007 we finally found a nearly perfect solution to style the header for the mobile version – logo & tagline underneath each other instead of next to each other.

    Only one issue remains:
    The tagline font in the mobile version should be Bradley Hand ITC (as it is in the PC version).
    But at the moment, in the mobile version, it is something like Arial (or the default font).

    How can I change this? Is there any quick .css which can resolve this problem?

    June 30, 2015 at 2:40 pm #466459
    Yigit

    Hey Susanne!

    Can you please flush browser cache and refresh your page a few times? Font family is the same on my end on my iphone and desktop – http://imgur.com/a/7Q7OS

    Cheers!
    Yigit

    June 30, 2015 at 10:37 pm #466721
    Susanne

    Hi Yigit,
    In the screenshot you posted ( http://imgur.com/a/7Q7OS), the violet tagline shows NOT the font “Bradley Hand ITC” (which is a hand written style) – but Georgia or Trebuchet.

    The client wants it to be Bradley Hand ITC, both in the PC version and on the mobile.
    In the PC version, the correct font is displayed (see here: http://imgur.com/n59pPE6).
    In the mobile version, it’s Georgia or similar – so a completely different font!
    Why?

    Thanks a lot for your patience,
    Susanne

    July 2, 2015 at 9:36 am #467364
    Ismael

    Hi!

    Do you have the actual Bradley Hand ITC font file? It works on desktop or pc because the system recognize the font but on mobile device like iPhone, the font is not locally available on the system so it’s not working. You have to purchase the font in order to use it. https://www.myfonts.com/fonts/itc/bradley-hand/

    You can use google fonts which is free as an alternative.

    Regards,
    Ismael

    July 2, 2015 at 10:23 am #467387
    Susanne

    Thanks for this, Ismael – nobody has told me this before!
    Now I changed the font to a Google font, in the quicl .css, but no change. This is what I set up:

    #top .subtext {
    float:left;
    font-size:32px;
    font-weight:300;
    color:#7f0afc;
    position:relative;
    font-family:”calligraffitti” !important;
    }

    Any idea why this doesn’t change anything on the mobile?
    Any other code I should add?

    Thanks a lot,
    Susanne

    July 2, 2015 at 9:57 pm #467768
    Susanne

    Problem solved! I added plugin WP Google Fonts, set it up to Calligraffitti, and it works.
    Thanks for all your support!

    July 6, 2015 at 5:01 am #468639
    Rikard

    Hey!

    Great, glad you got it fixed :)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘set font for tagline in mobile version’ is closed to new replies.