@import url('https://fonts.googleapis.com/css?family=Zilla+Slab:300,300i,400,400i,500,500i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Kanit:400,400i,500,500i,600,700,800');
body {
font-family: 'Zilla Slab', serif !important;
}
h1 {
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
color: #e63f2f;
font-size: 20px;
}
h2 {
font-family: 'Kanit', sans-serif;
text-transform: uppercase;
color: #e63f2f;
}
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab:400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Kanit:500,600,700" rel="stylesheet">
This question has been answered by nowords. See the first response.
Yes that's correct. Is it only android ios that it's not working for? Are you using the android browser, chrome, firefox or something else?
It's a little hard to inspect your CSS as it's all combined and minified but try disabling minifyX and see if the problem persists, just incase the browser is having issues reading it.
I see you marked this as answered. What was the solution in the end?
The fonts on that page look exactly the same to me on my android phone and my desktop, so maybe you've fixed it. I used Chrome on both, and Windows for the desktop. I don't have iOS to test with.
<link href="https://fonts.googleapis.com/css?family=Zilla+Slab" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Kanit" rel="stylesheet">