Docs

[visitcoffee]

Hi there,

on my site: http://visit-coffee.com/ I added a custom font (‘questaregular’): http://visit-coffee.com/
Somehow it changes the font family on android smartphones (on pre-installed internet browser and chrome).
Tested using a Samsung Galaxy S7. Any idea on this?

Thank you,

Philipp

[visitcoffee]

This reply has been marked as private.

[Rupok]

Hi there,

You have added the below code that’s changing the font-family :

html, body, div, span, applet, object, iframe, input, button, select, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  font-family: "questaregular";
  font-size: 100%;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

As you have added the code, it supposed to change. Would you clarify what you are expecting?

[visitcoffee]

Hi Rupok,

the font ‘questaregular’ is serif font and should look like this: https://www.fontsquirrel.com/fonts/questa
It does on desktop but not on some android mobile devices where it changes to a non serif font like in the previous attachment.

[Rue Nel]

Hello There,

Thanks for the updates! This issue occurred because you have not properly loaded the font family in your site. The font file itself cannot be found: http://visit-coffee.com/2-Questa_Regular-webfont.woff2

Please use the direct path of the font file. Please update your code with the direct file path in it:

@font-face {
    font-family: 'questaregular';
    src: url('http://visit-coffee.com/wp-content/themes/x-child/fonts/2-Questa_Regular-webfont.eot');
    src: url('http://visit-coffee.com/wp-content/themes/x-child/fonts/2-Questa_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://visit-coffee.com/wp-content/themes/x-child/fonts/2-Questa_Regular-webfont.woff2') format('woff2'),
         url('http://visit-coffee.com/wp-content/themes/x-child/fonts/2-Questa_Regular-webfont.woff') format('woff'),
         url('http://visit-coffee.com/wp-content/themes/x-child/fonts/2-Questa_Regular-webfont.ttf') format('truetype'),
         url('http://visit-coffee.com/wp-content/themes/x-child/fonts/2-Questa_Regular-webfont.svg#questaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

Please let us know how it goes.

[visitcoffee]

That’s the solution!

Thank you very much – you guys rock!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts