No meu CSS eu coloquei a fonte Poiret One no menu do meu site. Mas quando eu abro no celular, a fonte fica totalmente diferente.
Meu CSS está assim:
.menu a{
font-family: 'Poiret One', cursive;
}
E importo a fonte dessa forma:
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
Alguém sabe como eu faço para que no mobile ele carregue corretamente a fonte?
@edit Vou colocar mais código para ajudar
<head>
<title>Avance Sistemas e Consultoria</title>
<link rel="shortcut icon" href="view/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="view/img/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<script type="text/javascript" src="view/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="view/js/bootstrap.js"></script>
<link rel="stylesheet" href="view/css/bootstrap.min.css">
<link rel="stylesheet" href="view/css/styleGlobal.css">
<link rel="stylesheet" href="view/css/styleCellphone.css">
<link rel="stylesheet" href="view/css/fontawesome-all.css">
<link rel="stylesheet" href="view/css/animate.css">
</head>
-
@media(max-width: 1080px) {
.menu a{
font-family: 'Poiret One', cursive;
font-size: 35px;
}
css
. Se possível verifique as requisições de rede no seu dispositivo. Já em ultimo recurso use o atributo!important
.