Changes to site title font not working on mobile devices

  • Author
    Posts
  • #46641

    Hi Zed,

    I have used custom CSS on my website to alter the font and size of my site title:

    #site-title span a { font-size: 110px;}
    #site-title span a {font-family: “Tw Cen MT Condensed Extra Bold”, “Tw Cen MT Condensed Bold”, “Futura Std Condensed ExtraBold”, “Futura Std ExtraBold”, “Poppins:Bold”, sans-serif }

    @media (max-width: 1020px) {
    #site-title
    body #site-title span a {
    @import
    url(https://fonts.googleapis.com/css?family=Poppins:bold&text=”Little Bo Beats”);
    font-size: 36px;
    line-height: 36px;
    font-family: “Tw Cen MT Condensed Extra Bold”, “Tw Cen MT Condensed Bold”, “Futura Std Condensed ExtraBold”, “Futura Std ExtraBold”, “Poppins:Bold”, sans-serif
    } }

    It is not working when I look at it on my tablet or phone however!

    I’ve tried a couple of plug-ins plus many hours of fiddling but nothing is working.

    Any help will be greatly appreciated.

    Website: www.littlebobeats.com.au

    #46984

    Nevermind, I have resolved this with a static image – not ideal but it works.

    #47109
    Zed
    Cryout Creations mastermind

    You cannot import fonts inside style rules. The @imports generally need to be at the beginning of the style, before the CSS.

    Additionally, #site-title body #site-title span a { } is an invalid identifier. There is no #side-title element containing the body.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Changes to site title font not working on mobile devices’ is closed to new replies.