Mejor opción de fuente CSS para diseño móvil

[deskpro123]

Hola a todos, nesecito sus opiniones...

Es malo cargar fuentes en disenos moviles?

Ej:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700,400' rel='stylesheet' type='text/css'>

O es mejor usar arial?

Un saludo y gracias.

 

[kanikase]

Yo los uso :encouragement: y lo veo bien, solo que no utilizo muchos "tamaños" ni "estilos" para no ralentizar la carga.

 

[davaly]

No creo que sea lo adecuado, si una persona crea una pagina web para movil, la carga tiene que ser casi inmediata y tiene que estar en calidades optimas, y un 27% de celulares no admiten otra fuente mas la que esta por defecto

Espero haber sido de ayuda

 

[ramifenili]

Yo uso mucho la posibilidad que ofrece Google para cargar tipografías. Si la conexión a internet del celular es media, tirando a baja, carga igual de bien :encouragement:
Como dijeron más arriba, lo recomendable es cargar solamente la variantes que necesites 😛7:

 

[packetmanxd]

Hola

Para evitar solicitudes innecesarias, puedes incorporar el código de la fuente (Font Open-Sans) directamente en tu archivo CSS principal.

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');

Con esto, aumentaras la velocidad de carga de tu web en PC y dispositivos moviles. :encouragement:

Saludos.

 

[deskpro123]

Gracias por su comentarios, si, lo hé pensado, solo cargar un estilo de fuente en mobiles.

- - - Actualizado - - -

Hola

Para evitar solicitudes innecesarias, puedes incorporar el código de la fuente (Font Open-Sans) directamente en tu archivo CSS principal.

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');

Con esto, aumentaras la velocidad de carga de tu web en PC y dispositivos moviles. :encouragement:

Saludos.

Muchas gracias amigo, es mucho mas simple asi incluir y excluir estilos de fuentes :encouragement::encouragement::encouragement:

 

[comors]

es malo tanto en web movil como en web no movil.