Foros del Web » Creando para Internet » Diseño web »

Fuentes compatibles con todo

Estas en el tema de Fuentes compatibles con todo en el foro de Diseño web en Foros del Web. Hola a todos, diseñando Web me ha venido la cuestión: qué fuentes pongo en mi texto sabiendo que en ningún ordenador habrá problema con ello? ...
  #1 (permalink)  
Antiguo 20/08/2010, 07:34
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Información Fuentes compatibles con todo

Hola a todos, diseñando Web me ha venido la cuestión: qué fuentes pongo en mi texto sabiendo que en ningún ordenador habrá problema con ello?

Donde puedo saber las fuentes por defecto de Windows, MacOS y Linux? Creo que haciendo un CSS y a cada estilo aplicarle una fuente de cada SO ya estaría todo listo.

Gracias.
  #2 (permalink)  
Antiguo 23/08/2010, 05:09
Avatar de HOSTBURN  
Fecha de Ingreso: agosto-2010
Mensajes: 182
Antigüedad: 7 años, 3 meses
Puntos: 7
Respuesta: Fuentes compatibles con todo

Utiliza las que siempre se utilizan.

TImes new roman
arial
verdana
etc...
  #3 (permalink)  
Antiguo 23/08/2010, 07:49
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Fuentes compatibles con todo

Cita:
Iniciado por HOSTBURN Ver Mensaje
Utiliza las que siempre se utilizan.

TImes new roman
arial
verdana
etc...
Gracias por tu respuesta, Hostburn. Pero si alguien pudiese ampliarme ese "etc" me iría de maravilla. Además, esas fuentes son de windows; también me interesan las del Linux y las de MacOS.
Gracias.
  #4 (permalink)  
Antiguo 23/08/2010, 18:24
Avatar de Bolsomaniaco  
Fecha de Ingreso: julio-2008
Ubicación: Montevideo, Uruguay
Mensajes: 311
Antigüedad: 9 años, 5 meses
Puntos: 8
Respuesta: Fuentes compatibles con todo

Entrando a las carpetas FONT de cada sistema operativo te diria el listado exacto

Saludos!
__________________
Bolsomaniaco

¿Que Cocino?
www.noticiasdeluruguay.com
  #5 (permalink)  
Antiguo 24/08/2010, 06:13
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Fuentes compatibles con todo

Cita:
Iniciado por Bolsomaniaco Ver Mensaje
Entrando a las carpetas FONT de cada sistema operativo te diria el listado exacto

Saludos!
Sí, claro, es verdad..., pero a lo mejor hay fuentes extras añadidas después. Por eso busco que alguien me informe de las fuentes "predeterminadas" cuáles son exactamente.
  #6 (permalink)  
Antiguo 24/08/2010, 06:41
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fuentes compatibles con todo

Busque información por la cadena "fuentes seguras" "safety fonts" o similares.
En este mismo foro se ha comentado extensamente sobre el tema, incluidos enlaces a páginas donde recogen listados de las fuentes presentes en los distintos SO, las que instalan las aplicaciones más comunes (procesadores de texto, programas de fotomanipulación, etc).

También de las diferentes formas (con sus pros y contras) para implementar otras fuentes, ya sea vía css (@font-face) o métodos de sustitución (flash o js).

Atentamente
  #7 (permalink)  
Antiguo 24/08/2010, 16:18
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Fuentes compatibles con todo

Cita:
Iniciado por kseso? Ver Mensaje
Busque información por la cadena "fuentes seguras" "safety fonts" o similares.
En este mismo foro se ha comentado extensamente sobre el tema, incluidos enlaces a páginas donde recogen listados de las fuentes presentes en los distintos SO, las que instalan las aplicaciones más comunes (procesadores de texto, programas de fotomanipulación, etc).

También de las diferentes formas (con sus pros y contras) para implementar otras fuentes, ya sea vía css (@font-face) o métodos de sustitución (flash o js).

Atentamente
Qué dices!!! Puedes simular una fuente que no haya en el SO del cliente a través de CSS o JS? Ahí va, no lo sabía!!! Pues nada, nada, a investigar.

Gracias.
  #8 (permalink)  
Antiguo 24/08/2010, 16:47
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Fuentes compatibles con todo

No, no es simulación. Es utilizar una fuente con independencia de que esté o no instalada en la máquina visitante.

Puede ver un ejemplo aquí
Y una pequeña guía de iniciación aquí
  #9 (permalink)  
Antiguo 25/08/2010, 03:12
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 46
Antigüedad: 8 años, 6 meses
Puntos: 7
Respuesta: Fuentes compatibles con todo

Tambien puedes utilizar el nuevo API de Google Fonts para incluir fuentes que no están en el ordenador del cliente.

Es tan sencillo como importar la fuente como si fuera un fichero css. Por ejemplo, para incluir la fuente Tangerine, sólo hace falta la línea:

Código HTML:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> 
Si copias lo siguiente en un fichero .html, verás un ejemplo:

Código HTML:
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 58px;
      }
    </style>
  </head>
  <body>
    <p>Esta es la letra Tangerine!</p>
  </body>
</html> 
Puedes encontrar más información [URL="http://code.google.com/apis/webfonts/"]aqui.[/URL]

Saludos
  #10 (permalink)  
Antiguo 25/08/2010, 11:58
Avatar de Paramericano  
Fecha de Ingreso: agosto-2010
Mensajes: 137
Antigüedad: 7 años, 4 meses
Puntos: 8
Respuesta: Fuentes compatibles con todo

Cita:
Iniciado por PabloLPastor Ver Mensaje
Tambien puedes utilizar el nuevo API de Google Fonts para incluir fuentes que no están en el ordenador del cliente.

Es tan sencillo como importar la fuente como si fuera un fichero css. Por ejemplo, para incluir la fuente Tangerine, sólo hace falta la línea:

Código HTML:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"> 
Si copias lo siguiente en un fichero .html, verás un ejemplo:

Código HTML:
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 58px;
      }
    </style>
  </head>
  <body>
    <p>Esta es la letra Tangerine!</p>
  </body>
</html> 
Puedes encontrar más información [URL="http://code.google.com/apis/webfonts/"]aqui.[/URL]

Saludos

Esto es ya lo no va más. Pero se me ocurre un inconveniente...: y para verlas en tu web sin estar conectado a internet? Para ver tus htmls incluso haciendo pruebas, tienes que tener conexión disponible, ¿verdad?
O te las puedes descargar y redireccionar hacia tus URIs?
  #11 (permalink)  
Antiguo 25/08/2010, 12:42
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 46
Antigüedad: 8 años, 6 meses
Puntos: 7
Respuesta: Fuentes compatibles con todo

Sí, claro, para utilizar el API de Google tienes que tener conexión a internet. Puedes ver tus html en local, para hacer pruebas y sin conexión a internet, pero te aparecerá la fuente que pongas como alternativa, en el ejemplo de arriba, aparecerá la fuente tipo 'serif' por defecto.
  #12 (permalink)  
Antiguo 26/08/2010, 09:26
odt
 
Fecha de Ingreso: agosto-2010
Mensajes: 26
Antigüedad: 7 años, 3 meses
Puntos: 2
Respuesta: Fuentes compatibles con todo

El problema de utilizar el API de Google es que tiene un número muy limitado de fuentes (creo recordar que no son más de 20).

Hay un sistema para forzar al navegador de cada usuario a que se descarge de tu servidor la fuente que tú quieres utilizar en tu diseño, por extraña que sea. Solo tienes que poner el código en el head y cargar la fuente en tu servidor local.

El sistema se basa en este código que has de colocar en la hoja de estilos. Por ejemplo, para forzar la carga de una fuente "Tekton pro".

@font-face {
font-family: 'Tekton Pro Ext';
src: url('tekton.eot'); /*carga la fuente para el IE*/
src: local('Tekton Pro Ext'), /* Si el usuario no tiene IE busca si tiene instalada la fuente*/
local('tekton'),
url('tekton.ttf') format('truetype'),
url('tekton.svg#font') format('svg');

Si buscas en Google "@font-face " hay muchas webs donde explican el proceso paso por paso
  #13 (permalink)  
Antiguo 20/02/2011, 17:17
 
Fecha de Ingreso: enero-2009
Ubicación: Puebla
Mensajes: 1
Antigüedad: 8 años, 11 meses
Puntos: 0
Respuesta: Fuentes compatibles con todo

Te tengo una solución mucho más viable y que seguro pocos conocen. te presento a
http://www.typetester.org/
es una página web donde puedes hacer pruebas en vivo con diferentes tipograficas basadas en cada sistema operativo, con lo que tu mismo podras revisar cual es la que me mejor te convenga, espero que la ayuda te sea util.

Etiquetas: fuentes, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:00.