Ruiz86
Eta
SEO
Verificación en dos pasos activada
Olhem o site que estou terminando para um cliente: English Centre Emily |
Reparem em:
WELCOME TO ENGLISH CENTRE -> font: Eras Bold ITC
By Emily -> font: Edwardian Script ITC
No navegador do Windows ele é exibido corretamente, mas no celular não, e segundo o cliente, em outros dispositivos e navegadores também não.
Já defini todos os medias por desespero xD:
O que me aconselham para solucionar isso? Obrigado.
PS: o que aparece como [MENTION=16931]medi[/MENTION] é @ media only, não sei por que o fórum altera ao postar.
Reparem em:
WELCOME TO ENGLISH CENTRE -> font: Eras Bold ITC
By Emily -> font: Edwardian Script ITC
No navegador do Windows ele é exibido corretamente, mas no celular não, e segundo o cliente, em outros dispositivos e navegadores também não.
Já defini todos os medias por desespero xD:
HTML:
[MENTION=16931]medi[/MENTION]a only(min-device-width: 600px){
p#tagline { font-size: 19px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* Smartphones (portrait and landscape) ----------- */
[MENTION=16931]medi[/MENTION]a only (min-device-width : 320px) and (max-device-width : 480px) {
p#tagline { font-size: 16px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* Smartphones (landscape) ----------- */
[MENTION=16931]medi[/MENTION]a only (min-width : 321px) {
p#tagline { font-size: 16px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* Smartphones (portrait) ----------- */
[MENTION=16931]medi[/MENTION]a only (max-width : 320px) {
p#tagline { font-size: 16px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* iPads (portrait and landscape) ----------- */
[MENTION=16931]medi[/MENTION]a only (min-device-width : 768px) and (max-device-width : 1024px) {
p#tagline { font-size: 22px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* iPads (landscape) ----------- */
[MENTION=16931]medi[/MENTION]a only (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
p#tagline { font-size: 19px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* iPads (portrait) ----------- */
[MENTION=16931]medi[/MENTION]a only (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
p#tagline { font-size: 19px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* Desktops and laptops ----------- */
[MENTION=16931]medi[/MENTION]a only (min-width : 1224px) {
p#tagline { font-size: 19px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* Large screens ----------- */
[MENTION=16931]medi[/MENTION]a only screen and (min-width : 1824px) {
p#tagline { font-size: 19px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}
/* iPhone 4 ----------- */
[MENTION=16931]medi[/MENTION]a only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
p#tagline { font-size: 17px; }
h1#page-title { font-family: 'Eras Bold ITC'; text-align:center; font-size:30px; text-transform: uppercase; color:#65827d; }
h4#page-title2 { font-family: 'Edwardian Script ITC'; text-align:center; font-size:20px; color:#65827d; }
}O que me aconselham para solucionar isso? Obrigado.
PS: o que aparece como [MENTION=16931]medi[/MENTION] é @ media only, não sei por que o fórum altera ao postar.
Última edição:
