problem z wyświetlaniem na urządzeniach mobilnych

[bieno]

Witam,

mam problem z jedną stroną - na komputerze wyświetla się na niej czcionka Monotype Corsiva a na urządzeniach mobilnych inna czcionka. Strona na szablonie protostar. Czy ktoś wie, gdzie może leżeć problem?

[maxik33]

Proponuję zapoznać się z regułą CSS @media-queries

[bieno]

ok, przewaliłem masę artykułów związanych z @media ale nadal mi nie wychodzi - próbowałem już w html'u

<style media="handheld"> div { font-family: Monotype Corsiva; }

i w css

@media only screen
and(min-device-width :320px)
and(max-device-width :480px){ body { font-family: Monotype Corsiva;
}i jest bez zmian.

[szydlak]

Ale Monotype Corsiva powinno chyba być w cudzysłowiu i brakuje Ci na końcu jednego }

[bieno]

@media only screen
and(min-device-width :320px)
and(max-device-width :480px){ body { font-family: Monotype Corsiva;

faktycznie, co do } to nie wpisałem, jednakże nic nie zmienia i danie nazwy czcionki w cudzysłowie

[szydlak]

Zrób według tego przykładu:
http://www.w3schools.com/css/css_rwd_mediaqueries.asp

[bieno]

Zrób według tego przykładu:
http://www.w3schools.com/css/css_rwd_mediaqueries.asp

już to przerabiałem i nic nie dało.
najlepsze jest to, że jak odpalam na kompie widok mobile w firebugu to jest ok, ale na telefonie czcionka jest inna.

[bieno]

problemem okazała się czcionka, która była płatna (dostępna ze źródeł innych niż google fonts). Po zmianie strona wyświetla się poprawnie. Temat do zamknięcia.