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

deskpro123 · 16 Sep 2014

Hola a todos, nesecito sus opiniones...

Es malo cargar fuentes en disenos moviles?

Ej:

Insertar CODE, HTML o PHP:

<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 · 16 Sep 2014

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

davaly · 16 Sep 2014

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 · 16 Sep 2014

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 · 16 Sep 2014

Hola

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

Insertar CODE, HTML o PHP:

@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 · 16 Sep 2014

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

- - - Actualizado - - -

ctapia dijo:

Hola

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

Insertar CODE, HTML o PHP:

@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 · 17 Sep 2014

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

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

deskpro123

kanikase

davaly

ramifenili

packetmanxd

deskpro123

comors

Temas similares

Privacidad y transparencia

Privacidad y transparencia