[BecDean]

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

[BecDean]

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

[Zed]

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.

[Author]

Posts