Setting Bauhaus 93 as font in site title on mobile devices

  • Unknown's avatar
    journeyingthroughthebible · Member ·

    Hello I would like to use Bauhaus 93 as the site title font on all devices. On computer screens, this works fine, but the font is altered to another font on a Android mobile device. I use CSS. The CSS codes I have for the site title is as follows (for mobile devices and for computer screen respectively):

    /*define site title font family, colour, weight, size, letter spacing and line height for mobile devices*/

    .site-title, .site-title a {

                font-family: “Bauhaus 93”;

                color: #001c50 !important;

                font-weight: 300 !important;

                font-size: 72px;

                letter-spacing: 0;

                line-height: 60%;

    }

    /*define site title font family, colour, weight, size, letter spacing and line height for computer screens*/

    @media screen and (min-width: 48em) {

                .site-title, .site-title a {

                            font-family: “Bauhaus 93”;

                            color: #001c50 !important;

                            font-weight: 100 !important;

                            font-size: 100px;

                            letter-spacing: 1px;

                            line-height: 60%;

                }

    }

    Is there a way of getting Bauhaus font to display correctly on mobile devices?

    With many thanks for any help anyone could give.

    Rob

    The blog I need help with is: (visible only to logged in users)

  • The topic ‘Setting Bauhaus 93 as font in site title on mobile devices’ is closed to new replies.