Foros del Web » Creando para Internet » HTML »

Tipografia para mi web

Estas en el tema de Tipografia para mi web en el foro de HTML en Foros del Web. Soy principante en el tema y quisiera saber si ahi alguna posibilidad de diseñar mi web con la tipografia MAGNETO ¿como se puede hacer? ya ...
  #1 (permalink)  
Antiguo 05/02/2010, 01:29
Avatar de laligadelescracho  
Fecha de Ingreso: octubre-2009
Ubicación: San Miguel de Tucumán
Mensajes: 8
Antigüedad: 8 años, 1 mes
Puntos: 0
Tipografia para mi web

Soy principante en el tema y quisiera saber si ahi alguna posibilidad de diseñar mi web con la tipografia MAGNETO ¿como se puede hacer? ya que cuando la subo aparece otra tipografia. Ya se que se debe a que otras compus no tienen la tipografia que yo deseo pero me explicaron que haciendola imagen se puede visualzar pero no me gusta como queda!!! yo quiero esa tipografia en mi web y que todos la puedan ver!! sera que con HTML no se pude realizar lo que yo deseo?? el programa que utilizo para deseñar es DREAMWEAVER 8.
Se los agradecere al que pueda ayudarme!!!
  #2 (permalink)  
Antiguo 05/02/2010, 09:06
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 14 años
Puntos: 13
Respuesta: Tipografia para mi web

Hasta ahora no se ha podido, poco a poco se va introduciendo nuevas caracteristicas de CSS y entre ellas font-face que te permitiria usar cualquier tipografia. Hasta ahora el resultado no es del todo satisfactorio por el renderizado de las distintas tipografias, por lo que sigue siendo poco usada. Además de que no es soportado por todos los navegadores.

Es extraño que no te guste como queda en imagen, porque siempre tendrá más calidad que la propia tipografía.
Por supuesto es mas valorable que los contenido sean indexables que sean "bonitos".

Busca en google o en este foro con la keyword "reemplazar texto por imagen", es otra opcion.
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
  #3 (permalink)  
Antiguo 05/02/2010, 17:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Tipografia para mi web

Hola:

Quizá te interese este hilo de las FAQ's de CSS.

Saludos.

  #4 (permalink)  
Antiguo 06/02/2010, 03:46
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Tipografia para mi web

Acepta la sugerencia de jomaruro, el articulo de kseso? no tiene desperdicio. Veras que el autor menciona (al principio) una técnica llamada sIFR, bien, ésta representa otra buena alternativa, que consiste en trabajar con CSS, Flash y JavaScript.

Este artículo también puede serte útil, ya que habla de las fuentes SVG (si no me equivoco kseso? no toca este tema).

Si te interesa el sIFR puedes pasar por estos dos artículos:

- Manual de sIFR paso a paso
(fuente: diseñorama)
- sIFR: Tipografías en html (fuente: Unijimpe)

Espero te sirva, Saludos!

p/d: Mira un catálogo de fuentes web. Fuente: blog de Darío Ferrer

Última edición por cristian_cena; 06/02/2010 a las 03:54 Razón: añado catalogo de fuentes.
  #5 (permalink)  
Antiguo 06/02/2010, 11:11
Avatar de morior  
Fecha de Ingreso: agosto-2009
Ubicación: Barcelona
Mensajes: 437
Antigüedad: 8 años, 4 meses
Puntos: 12
Respuesta: Tipografia para mi web

Yo estuve trabajando en el tema de tener fuentes propias en mi página web y miré el tema ése de font-face kseso, pero después de pasarme una tarde entera dándole y dándole cuando conseguí subir las fuentes al navegador instalaras etc, resulta que sólo se veía bien en firefox y en safari si no recuerdo mal, ni en chrome ni en IE se me veía así que, como comentan por aquí, creo que es algo que aún está por llegar.
__________________
Juego de navegador online
  #6 (permalink)  
Antiguo 06/02/2010, 12:09
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Tipografia para mi web

Claro, porque "Las fuentes SVG son soportadas por Chrome 0.3+ sin tener que usar un hack de línea de comando, junto con Opera 9 y iPhone OS 3.1." Este es el motivo que me hizo optar por sIFR.
  #7 (permalink)  
Antiguo 06/02/2010, 21:06
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Tipografia para mi web

Yo también optaría por un plugin como cristian_cena, pero yo no elegiría sIRF (basado en flash) yo utilizo Cufon, (con javascript), aunque solo cuando necesito una cantidad considerable de texto en alguna fuente "no segura", normalmente uso imágenes para textos cortos, ¿que tipo de texto es el que vas a usar?

Saludos
__________________
Grupo Telegram Docker en Español
  #8 (permalink)  
Antiguo 06/02/2010, 21:26
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Tipografia para mi web

Hola carlangueitor, como va:
Cita:
Iniciado por Carlangueitor Ver Mensaje
normalmente uso imágenes para textos cortos, ¿que tipo de texto es el que vas a usar?
..y en esos textos cortos usas <img> ? o background-image ? Si usas <img> utilizas el atributo alt?

Estoy pensando implementar cufon ya que por ahi quisiera no tener que depender del plugin, si tienes alguna buena guía a mano te agradecería me la enseñes xD.

Saludos!

p/d: ahh.. sabes que tal se comporta cufon respecto de accesibilidad?, un tema que por ahi se (me) complica con javascript.

Última edición por cristian_cena; 06/02/2010 a las 21:35
  #9 (permalink)  
Antiguo 06/02/2010, 21:46
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Tipografia para mi web

Cita:
Iniciado por cristian_cena Ver Mensaje
Hola carlangueitor, como va:


..y en esos textos cortos usas <img> ? o background-image ? Si usas <img> utilizas el atributo alt?

Estoy pensando implementar cufon ya que por ahi quisiera no tener que depender del plugin, si tienes alguna buena guía a mano te agradecería me la enseñes xD.

Saludos!
Todo depende cual es el caso, por ejemplo el logo de una web, en este caso uso img con sus atributos ALT y TITLE, pero claro dentro de un h1 para que no pierda su valor semántico. Sería algo así:

Código html:
Ver original
  1. <h1><a href="#"><img src="imagen.png" alt="Título de la Pagina" title="Título de la Página" /></a></h1>

En un menú lo hago diferente, coloco mi lista desordenada (ul) con enlaces normales dentro de span, les pongo el fondo con background (que además sirve para cuando quiero efectos en hover) y un display none en el span), Sería algo así:
Código HTML:
Ver original
  1. <ul>
  2. <li><a href="#"><span>Enlace</span></a></li>
  3. </ul>
Código CSS:
Ver original
  1. ul li a{
  2. background: ulr(imagen.png) no-repeat;
  3. display: block;
  4. width: 100px;
  5. height: 20px;
  6. {
  7. ul li a span{
  8. display: none;
  9. }

El cufon lo uso por ejemplo en una plantilla de wordpress, ya que puede variar el contenido según el blog (en especial cuando haces plantillas para vender).

Saludos
__________________
Grupo Telegram Docker en Español

Etiquetas: fuentes
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 20:53.