New question

Question:

 
  0  
 
 
Bryan Villalobos Karma: 848 Colombia
 
 Date: 29-10-2018 13:47:04 (In Spanish)

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

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


 Tags: Bootstrap - CSS - CSS3 @media - HTML - PHP - Question Votes: 0 - Answers: 5 - Views: 10 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  •  
      0  
     
     
    Bryan Villalobos Karma: 848 Colombia
     
    Date: 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       Votes: 0 - Link answer
     
  •  
      1  
     
     
    Fernando García Karma: 405 Spain
     
    Date: 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?   Votes: 1 - Link answer
     
  •  
      1  
     
     
    Bryan Villalobos Karma: 848 Colombia
     
    Date: 30-10-2018 10:06:18 Así es, inicialmente pensaba que era un error en mi css, al Parecer necesitaba todos los Formatos.   Votes: 1 - Link answer
     
  •  
      1  
     
     
    Fernando García Karma: 405 Spain
     
    Date: 30-10-2018 10:52:45 Así es, pero cada navegador solo carga el formato que usa.

    Pista: usa Google Fonts.       Votes: 1 - Link answer
     
  •  
      0  
     
     
    Bryan Villalobos Karma: 848 Colombia
     
    Date: 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   Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com