Nueva pregunta

Pregunta:

 
  0  
 
 
Bryan Villalobos Karma: 848 Colombia
 
 Fecha: 29-10-2018 13:47:04 (En Español)

Tengo un error de css cuando lo abro en un dispositivo móvil[Resuelta]

quisiera saber como puedo solucionar este error de una plantilla bootstrap con la fuente. en el pc no sucede eso pero en los dispositivos móviles si sucede me ayudan gracias
imagen de dispositivo.
este es el css del form-control de la plantilla

.form-control {
  font-family:inherit;
  height: auto;
  font-size: 14px;
  line-height: 1.428571429;
}
select.form-control {
  box-shadow: none;
  border-radius: 0;
  

}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control {
    line-height: 36px;
	
  }

  input[type="date"].input-sm,.input-group-sm input[type="date"],input[type="time"].input-sm,.input-group-sm input[type="time"],input[type="datetime-local"].input-sm,.input-group-sm input[type="datetime-local"],input[type="month"].input-sm,.input-group-sm input[type="month"] {
    line-height: 24px;
	
  }

  input[type="date"].input-lg,.input-group-lg input[type="date"],input[type="time"].input-lg,.input-group-lg input[type="time"],input[type="datetime-local"].input-lg,.input-group-lg input[type="datetime-local"],input[type="month"].input-lg,.input-group-lg input[type="month"] {
    line-height: 44px;
		 
  }
}






imagen de pc


 Etiquetas: Bootstrap - CSS - CSS3 @media - HTML - PHP - Pregunta Votos: 0 - Respuestas: 5 - Vistas: 10 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Bryan Villalobos Karma: 848 Colombia
     
    Fecha: 29-10-2018 19:07:14 leyendo la documentación para la optimización de fuentes para google chrome en android en este link encontré que el problema no estaba en mi css ni mucho menos sino en la compresión del archivo de fuentes, encontre uno de los más recomendados en los foros link del compresor de fuentes OTF el cual genera todo el kit de fuentes dejando el css igual comoe estaba solo cambiando la forma de vincular las fuentes 
    @font-face {
    font-family: 'Ogonek';
    src: url('../fonts/ogonek/ogonek_regularOgonek.eot');
    src: url('../fonts/ogonek/ogonek_regularOgonek.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ogonek/ogonek_regularOgonek.woff2') format('woff2'),
         url('../fonts/ogonek/ogonek_regularOgonek.woff') format('woff'),
         url('../fonts/ogonek/ogonek_regularOgonek.svg#ogonek_unicaseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


    espero les pueda servir esta solución. Gracias       Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Fernando García Karma: 405 España
     
    Fecha: 30-10-2018 09:15:20 Efectivamente hay que incluir varios formatos de archivo dado que no hay un estándar para todos los navegadores. ¿Era ese el problema?   Votos: 1 - Link respuesta
     
  •  
      1  
     
     
    Bryan Villalobos Karma: 848 Colombia
     
    Fecha: 30-10-2018 10:06:18 Así es, inicialmente pensaba que era un error en mi css, al Parecer necesitaba todos los Formatos.   Votos: 1 - Link respuesta
     
  •  
      1  
     
     
    Fernando García Karma: 405 España
     
    Fecha: 30-10-2018 10:52:45 Así es, pero cada navegador solo carga el formato que usa.

    Pista: usa Google Fonts.       Votos: 1 - Link respuesta
     
  •  
      0  
     
     
    Bryan Villalobos Karma: 848 Colombia
     
    Fecha: 30-10-2018 11:51:55 El cliente tiene una fuente para toda su imagen corporativa eso fue lo que me hizo usar una fuente diferente a las Google Fonts, jamas había pasado por esta falla, muchas gracias   Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com