Foros del Web » Creando para Internet » CSS »

Sintaxis para fuente en Firefox. ¿Qué hago mal?

Estas en el tema de Sintaxis para fuente en Firefox. ¿Qué hago mal? en el foro de CSS en Foros del Web. Hola todos : Estoy tratando de usar la fuente Wingdings en FF y no puedo. Ya encontré un truco con HTML, pero me gustaría saber ...
  #1 (permalink)  
Antiguo 31/01/2005, 12:36
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Pregunta Sintaxis para fuente en Firefox. ¿Qué hago mal?

Hola todos :

Estoy tratando de usar la fuente Wingdings en FF y no puedo.
Ya encontré un truco con HTML, pero me gustaría saber cómo es en CSS.

Dejo algunos ejemplos con los que probé.

Código:
 
<HTML>
<HEAD>
<style>
.alfa{font:20pt wingdings;}
.bravo{font-face:wingdings; font-size:20pt}
.charly{font-family:wingdings; font-size:20pt}
.delta{font-size:20pt;}

</style>
</HEAD>
<BODY>

<div class="alfa">QWERTYUIOP</div>
<div class="bravo">QWERTYUIOP</div>
<div class="charly">QWERTYUIOP</div>
<div class="delta"> <font face="wingdings">QWERTYUIOP</font> </div>

</BODY></HTML>
El último es el único que me funciona en MSIE y FF.

Gracias

furoya
  #2 (permalink)  
Antiguo 31/01/2005, 13:44
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Bueno, te recomiendo que revises esta página y como comentario agregado, te diré que con las sintaxis que estás usando, quien no tenga la letra que mencionas, no podrá verla en su navegador.

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 31/01/2005, 14:48
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
tambien verifica que estes escribiendo la fuente exactamente como aparece en el menu de fonts
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #4 (permalink)  
Antiguo 01/02/2005, 04:45
 
Fecha de Ingreso: enero-2005
Mensajes: 188
Antigüedad: 12 años, 10 meses
Puntos: 0
Cita:
Iniciado por furoya
.charly{font-family:wingdings; font-size:20pt}
[/CODE]

El último es el único que me funciona en MSIE y FF.
De hecho la propiedad font-family es la única de las tres que es válida, respetando la especificación CSS2, puedes leerla aquí:

http://www.sidar.org/recur/desdi/tra...nt-family-prop

Y escucha lo que te dice patomas, si el PC de la persona que entra en tu página no tiene la letra wingdings instalada, sólo verá QWERTYUIOP.

Última edición por inforsol; 01/02/2005 a las 04:46
  #5 (permalink)  
Antiguo 01/02/2005, 04:57
Avatar de kemie  
Fecha de Ingreso: junio-2003
Ubicación: estocolmo<-->mexico
Mensajes: 1.627
Antigüedad: 14 años, 5 meses
Puntos: 1
la propiedad font y font-size tambien son válidas
__________________
::::::::::::::::::::::::::::: WebHostNinja | diseñorama.com::::::::::::::::::::::::::::::
  #6 (permalink)  
Antiguo 01/02/2005, 14:23
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Hola de nuevo :

Gracias. Creo haber probado la fuente con inicial en mayúscula, kemie, pero si anda en HTML es porque la lee; ahora la máquina con FF está ocupada, en cuanto pueda manotearla lo pruebo de nuevo.
Los enlaces de PatomaS e inforsol muestran la misma documentación en distintos idiomas, eso es práctico por si hay algún error de traducción.

Estuve revisando la manera de poner un tipo de fuente y ya confirmé que lo estaba haciendo bien, aunque no funcione. Lo de traer una fuente si no está instalada por ahora no me preocupa : si no la encuentra en el disco local, menos la va a encontrar en un servidor WEB, así que voy paso a paso

Pero vi un par de cosas con las que no trabajé, y voy a necesitar ayuda para saber si tienen algo que ver con mi problema. Noté que en los ejemplos hay declarado un DTD, pero con algo que parece una ruta relativa. Yo no los uso, pero ya los había visto antes con rutas absolutas. Por otro lado, supongo que son como "parches" para homologar el funcionamiento de los navegadores; y yo no soy el primero en usar el Firefox en el que estoy haciendo las pruebas. Alguien ya habrá abierto una página que contenga los DTD y ya estarán descargados; además -pienso- no tendrían que estar corrigiendo algo que existe desde CSS1.
Por último, si no son como "actualizaciones" que se guardan en el navegador o algún directorio; sería bastante incómodo tener que estar conectado por un DTD, si lo que quiero es ver un documento con una fuente que están en mi propia máquina.

Al final de la página encontré algo llamado "Examples of font matching", pero tampoco creo que sea necesario agregar éso para ver una Wingdings o Webdings.

Si alguien puede tomarse unos minutos y escribir un código para FF 0.x (si funciona en una versión anterior debería funcionar en las siguientes) le estaría muy agradecido.
Y si no fuera posible con CSS, no importa. Al fin y al cabo ya encontré la manera de corregirlo en el mensaje anterior, pero me molesta haber pasado años tapando fallas en el IE para abrir un Mozilla y tener que empezar a hacer lo mismo.

saludos

furoya
  #7 (permalink)  
Antiguo 01/02/2005, 20:46
 
Fecha de Ingreso: febrero-2005
Ubicación: En un BLINK
Mensajes: 184
Antigüedad: 12 años, 10 meses
Puntos: 0
font-face no existe así que olvidate de la clase bravo. Con respecto a todo el resto, el problema es sencillo. Vos lo que estás pidiendo al navegador (tanto Firefox como Opera) es que es muestren esas letras (Q, E, R,...) de preferencia con la letra wingdings, pero esas letras no existen dentro esa fuente. Ejercicio muy simple: abrí el programa "mapa de caracteres" de Windows y fijate los códigos (Unicode) de caracter: para la letra Q es el 0051, y si te pones a revisar los códigos de Wingdings vas a notar que no hay ningún caracter con ese mismo código (ni siquiera cercanos). Todo el problema más más detalladamente implicaría saber sobre los juegos de caracteres sobre los que no tengo la más mínima idea. Si queres una versión más oficial, podes leer Why aren’t symbol/dingbat fonts working?
Solución a tu problema: Usa imagenes, y para el uso que parece que planeas darle, mejor que sean de fondo.
  #8 (permalink)  
Antiguo 03/02/2005, 13:36
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Hola otra vez :

Gracias Remo:Erdosain, no es la respuesta que esperaba, pero me gusta el color que está tomando este tema. El enlace que pusiste va a ser muy útil para empezar a entender algunas incompatibilidades a la hora de adaptar código entre navegadores.

Un par de notas al margen antes de seguir. Comprendo si estás harto de la gente que en vez de plantear su problema pregunta como se puede implementar "su solución" (aunque ésta pretenda meter un prisma hexagonal en el agujero donde sólo cabe un cilindro), pero si yo pregunto por la sintaxis para poner una fuente en Firefox con CSS, es porque necesito la sintaxis para poner una fuente en Firefox con CSS, no quiero ni imágenes, ni flash, ni MIME, ni ASCII Art, ni CSS Art, ni pixelización, ni nada que no sea la sintaxis para poner una fuente en Firefox con CSS.
Lo que nos lleva a la segunda nota marginal. Es una pena que

Cita:
Todo el problema más más detalladamente implicaría saber sobre los juegos de caracteres sobre los que no tengo la más mínima idea.
porque ese ejemplo hubiera terminado con todas las dudas. Escribir un unicode que muestre alguno de los símbolos que hay en Wingdings no es exactamente CSS, pero se le acerca bastante a lo que busco.

Para quien esté interesado en el tema, transcribo el párrafo sobre el que estamos discutiendo

Why aren’t symbol/dingbat fonts working?

They are working. Characters in HTML 4 and XML documents are Unicode characters (even if the document has been encoded using a legacy encoding for transfer)—not font glyph indexes.

<font face="Symbol">a</font> means the character LATIN SMALL LETTER A (U+0061) preferably displayed using the Symbol font. Since the Symbol font does not have glyph for that character, another font is used. If you mean a, you should use GREEK SMALL LETTER ALPHA (U+03B1). If you are using a legacy encoding that cannot represent that character, you can use a numeric character reference: α.

Likewise, to use a dingbat, you should use the appropriate Unicode character instead of trying to apply a dingbat font to an ASCII character. For example, to represent ?, you should use WHITE SMILING FACE (U+263A).
Si bien debe ser cierto que estas fuentes no contienen glifos (en español se escribe así?), ésto suena más a excusa que a explicación, y encima en los ejemplos usan códigos que sí tienen glifos, pero que son reconocidos en la mayoría de las fuentes y que no tienen que ver con Wingdings, Webdings o similares.
Está claro que en Symbol la "a" es reemplazada por un dibujo de la "alfa", pero el código 03B1 es la letra "alfa", en Arial, Times New Roman y otras; por lo que ésto no soluciona el problema que originó mi primer mensaje.

Tarde o temprano estos navegadores deberán agregar un ítem en la configuracón o, mejor aún, un código CSS que permita elegir entre mostrar la letra o el dibujo que le correspondiere, aunque esto último signifique perder algunos atributos de diseño como la altura proporcional o la inclinación. Pero ésto, claro, será una decisión del diseñador y no una limitación del navegador.

Por último. y para no aburrirlos, el ejemplo que se usa para mostrar lo que no funciona . . . es justamente el que yo usé para demostrar que sí funciona. Probablemente la página está desactualizada y Firefox ya "vea" todas las fuentes, pero quizá haya que agregar alguna linea en algún lado para que las muestre en CSS.

Y, por favor, no hace falta que sigan diciéndome que código es estándar y cuál no. Sé algo de CSS y HTML. Los 4 que puse más arriba son sólo un ejemplo de las decenas que probé antes de postear el mensaje. Y el único que funciona es el "D".

saludos y nuevamente gracias

furoya
  #9 (permalink)  
Antiguo 03/02/2005, 18:21
 
Fecha de Ingreso: febrero-2005
Ubicación: En un BLINK
Mensajes: 184
Antigüedad: 12 años, 10 meses
Puntos: 0
¿Acaso esperas que entre los dos empujemos más fuerte para tratar de meter el hexagono en el circulo? Al menos por la que parece ser tu intención (escribir en el código una letra cualquiera y esconderla con Wingdings), me parecía "cruel" dejarte insistiendo con algo que no se puede.
Aún así acepto que sólo quise ayudarte a resignarte al darte la solución de las imagenes.

Lo que decis de Arial y alfa realmente no lo entendí. "03B1" no lo encontre como referecia a ningún caracter en la fuente Symbol aunque es cierto que en Arial es la letra alfa. Por lo que si en tu código incluis la letra alfa, me suena convincente que el navegador al buscar esa letra (guiandose por el 03B1, el código que a la que referencia) en Symbol, y al no encontrarla te proteste (y trate de usar alguna de las fuentes opcionales que incluiste en CSS).

Sobre tus esperanzas para los navegadores, las veo poco probables, aunque mi pesimismo está fuertemente influenciado por mi convicción de lo que dice la FAQ de Mozilla.

Sobre lo que funciona y lo que no, podrías incluir algún página hecha por vos para demostrarlo. Es que no me queda claro realmente.

Solo por curiosidad, y no te enojes por mencionarlo ;), te das cuenta que seguramente vos estás usando el juego de caracteres iso-8859-1 y la FAQ está hablando como si usarás UTF-8. Quizás esté equivocado, pero me parece que esa pequeña diferencia es crucial. Además eso explicaría porque la carita sonriente no está funcionando en este foro.

EDIT: Ahora sí. Vos decis que usando FONT, FF te muestra los simbolitos de Wingdings. Yo puedo invalidar tu ejemplo facilmente ;). No incluiste el DTD y FF está en modo de compatibilidad. En el mismo FAQ que linkee antes fijate de leer lo que dice sobre Quirks y Standards Mode.

Por lo pronto, podés probar con agregar esto al principio de tu código y ver como todo cambia :).
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
Edit 2: borré un ejemplo de generated content usando wingdings porque curiosamente no funcionó.

Última edición por Remo:Erdosain; 03/02/2005 a las 18:27
  #10 (permalink)  
Antiguo 04/02/2005, 01:05
 
Fecha de Ingreso: enero-2005
Mensajes: 188
Antigüedad: 12 años, 10 meses
Puntos: 0
A ver si aclaro alguna cosa o me aclaro yo...

Bueno, no se si resolveremos este lío, pero aclaro los conceptos que yo puedo aclarar:

Cita:
Iniciado por furoya
Lo de traer una fuente si no está instalada... menos la va a encontrar en un servidor WEB
En la web los contenidos (en cuanto a fuentes) dependen del navegador. Si no tienes una fuente en tu máquina, el sistema elegirá una fuente estándar que sí tenga. No la va a buscar en el servidor. Hay algún método para enlazar fuentes desde el servidor, pero no respetan los estándares HTML.

Cita:
Noté que en los ejemplos hay declarado un DTD... Yo no los uso... supongo que son como "parches" para homologar el funcionamiento de los navegadores... los DTD ya estarán descargados...además no tendrían que estar corrigiendo algo que existe desde CSS1
El DTD es la "Declaración del tipo de documento". No son parches, son como la carta de presentación de un documento. Con esto, el documento nos dice si es HTML, XHTML, XML... y en qué versión del lenguaje correspondiente está hecho (qué estándares respeta). Esta información le vale al navegador para saber cómo manejar y presentarnos el documento. O sea que no corrigen nada. Es como la extensión de los archivos. Si a un archivo llamado manolo.txt le quitas el txt, el windows no va a saber qué hacer con él.


Cita:
...si no son como "actualizaciones" que se guardan en el navegador o algún directorio; sería bastante incómodo tener que estar conectado por un DTD, si lo que quiero es ver un documento con una fuente que están en mi propia máquina.
No se guardan en ningún lado ni hay que descargarlos. La URL que llevan enlaza con las especificaciones de ese tipo de documento.

Cita:
Si alguien puede tomarse unos minutos y escribir un código para FF 0.x (si funciona en una versión anterior debería funcionar en las siguientes) le estaría muy agradecido.
Y si no fuera posible con CSS, no importa. Al fin y al cabo ya encontré la manera de corregirlo en el mensaje anterior, pero me molesta haber pasado años tapando fallas en el IE para abrir un Mozilla y tener que empezar a hacer lo mismo.
Bueno, he estado haciendo pruebas y, efectivamente la solución es la que dabas tú (la de FONT FACE="wingdings"). De todas formas, yo creo que no es un fallo del FireFox, sino que es una limitación del lenguaje HTML.

Cita:
(REMO-EDORSAIN dixit) Yo puedo invalidar tu ejemplo facilmente ;). No incluiste el DTD y FF está en modo de compatibilidad.

Por lo pronto, podés probar con agregar esto al principio de tu código y ver como todo cambia :).
Código:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
Efectivamente, si pones la declaración del "DTD 4.01 estricto" ya no funciona ni con FONT FACE, ya que en HTML versión 4.01 este atributo no es válido. En cambio con
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
sí que funciona, ya que esta es la versión "de transición" entre la 4 y la 4.01.
Los navegadores todavía soportan el atributo FACE por compatibilidad con versiones anteriores de HTML. Bueno, no he resuelto la cuestión pero me he pegao una buena parrafada. Espero que sirva para algo. Seguiré siguiendo el hilo, a ver si tiene solución o qué.
Saludos
  #11 (permalink)  
Antiguo 04/02/2005, 08:37
 
Fecha de Ingreso: febrero-2005
Ubicación: En un BLINK
Mensajes: 184
Antigüedad: 12 años, 10 meses
Puntos: 0
Cita:
Iniciado por inforsol
Hay algún método para enlazar fuentes desde el servidor, pero no respetan los estándares HTML.
Hay pero todavía se mantiene como recomendación. Fijate @font-face en CSS3. Igualmente, AFAIK ningún navegador lo soporta todavía, y tampoco resolvería el problema éste.
  #12 (permalink)  
Antiguo 04/02/2005, 10:56
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Hola de nuevo :

estuve haciendo varias pruebas más, pero ya me aburrí. Como seguramente mencioné antes, hago código para el IExplorer. El principal motivo para tratar de que ésto funcione es hacer compatibles mis respuestas en estos foros con Mozilla, ya que es un navegador al que parecen tenerle mucho aprecio (y no lo discuto, pero yo solamente lo habré usado unas 10 horas y ya me trajo más problemas de los que esperaba).

Solamente para redondear :

Según el estándar si se puede reemplazar un caracter-letra con fuentes de tipo Wingdings

Cita:
BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

Los signos disponibles en la "Baskerville" (una fuente que cubre sólo los caracteres latinos) se tomarán de esa fuente, los signos japoneses serán tomados de la "Heisi Mincho W3" y los símbolos matemáticos vendrán de la "Symbol". Cualquier otra vendrá de la familia genérica 'serif'.
"03B1" es la referencia que saqué del enlace que propusiste, Remo:Erdosain, y exactemente a eso me refiero, la FAQ de Mozilla es engañosa. Dice que sí muestra la fuente Symbol, pero pone como ejemplo una alfa que es el caracter alfa y no el "alfa" de Symbol. Acepto lo de los glifos, pero sólo como excusa, no sé si vale para tapar un bug flagrante.

Voy a juntar valor para ver los DTD. Si en algún caso permiten zafar de limitaciones en el navegador tal vez se puedan crear codigos que usen los mismos métodos para engañarlo selectivamente. (Sí, sí ya sé, no tengo ningún respeto por los estándares; pero después de ésto no van a culparme).

Creo que en algunos navegadores funciona lo de traer una fuente del servidor. Al menos varios foreros dicen que lo hicieron.

Para terminar, en IE6 no tengo problemas. Sé que ésto implica una declaración de principios encubierta, y créanme que trato de no insistir con algunos temas porque sé que soy algo intolerante, un poco cabrón, de posiciones extremas, con un sentido del humor retorcido y un uso hiriente de la ironía. Y no quiero que me echen de este foro. Releyendo mensajes anteriores se puede interpretar cierto maltrato hacia algunos de ustedes y no fue mi intención. Me sale así, y lo lamento.

Muchas gracias de nuevo a todos los que están colaborando.

saludos

furoya
  #13 (permalink)  
Antiguo 28/11/2005, 10:38
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Caracteres unicode Internet Explorer y Mozilla / Firefox.

Después de mucho tiempo, volví para releer el tema 2 veces. La primera no me gustó, hice algunos comentarios que siguen siendo válidos pero que merecían ser mejor aclarados. En la segunda pasada me gustó un poco más. Las versiones de referencia al W3C ya están un poco viejas, pero sirve para mostrar que ante la duda se recurre en primer lugar a los tutoriales. Mis comentarios sobre el doctype parecen a propósito para que inforsol ( Hola! ) explique la importancia del DTD en las páginas WEB ( juro que no fue preparado ). La discusión con Remo:Erdosain ( Hola! ) sobre las FAQs mostró que conviene poner a prueba cualquier afirmación. Y es justamente donde está el motivo para este nuevo mensaje.

Hace poco encontré un código para Mozilla que me recordó estos 2 párrafos

Cita:
...Todo el problema más más detalladamente implicaría saber sobre los juegos de caracteres sobre los que no tengo la más mínima idea...
Cita:
...ese ejemplo hubiera terminado con todas las dudas. Escribir un unicode que muestre alguno de los símbolos que hay en Wingdings no es exactamente CSS, pero se le acerca bastante a lo que busco...
Y el código es este :

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html><head><title></title>
<style>

body{background:black; color:white; }

a{font-size:22pt; color:yellow; }
a:focus { -moz-outline: 1px solid invert; }
a[href^="mailto:"]:before { content: "\2709 \a0" }
</style>
</head>

<body>
<h2>El &iacute;cono est&aacute; escrito con CSS.</h2>


<a href="mailto:[email protected]">mail</a>
<br />
<a href="http://servidor.net">site</a>


</body></html>
Si lo vemos en FF, delante del enlace de correo aparece un ícono que no está en el body sino que se agrega con CSS.
Pensé que había encontrado la forma de llamar a una fuente con glifos, y quise probar un método que no usara el seudoelemento :before, para hacerlo compatible. Pasé el unicode 2709 al decimal 9993 y quedó así
[FONT=Arial Unicode MS', 'Lucida Sans Unicode', 'Times New Roman', 'Arial', 'Tahoma][/FONT]
Pero en IE el sobre no aparece (sí su caracter de reemplazo). (Nota :ahora ya aparece)

Busqué a qué fuente pertenecían esos íconos, y la más parecida fue IconicSymbolsA, pero no coincidía el orden. No era.

Entonces deduje : "si el 03B1 es una alfa, en las fuentes que llegan hasta ese caracter, es posible que unicode tenga más íconos, que el IExplorer por alguna razón no los muestre, pero que Firefox sí -si es que encuentro fuentes con un mapa lo suficientemente grande-".


Hay montones de herramentas como esta, pero a mí se me hizo más fácil escribirla que buscarla (a pesar de que IE no acepta innerHTML en las tablas y tuve que escribir código de más para hacerla compatible)

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><title>CARACTERES UNICODE.</title>
<style type="text/css">

body {background:black; color:white;}

#eldiv {font-size:18pt; font-weight:bold; font-family:"Arial Unicode MS", "Lucida Sans Unicode" "Times New Roman", Arial, Tahoma; }
#latabla td{border-width:1px; border-style:solid; padding:2px}
#eltexto{width:80%; height:200px; font-family:"Arial Unicode MS", "Lucida Sans Unicode" "Times New Roman", Arial, Tahoma; }
.elbordeI{border-color: yellow gray yellow yellow; }
.elbordeD{border-color: yellow yellow yellow gray; font-family:"Arial Unicode MS", "Lucida Sans Unicode" "Times New Roman", Arial, Tahoma;}

</style>

<script type="text/javascript">
var car = 8000; //8960
var n_cont = "";
var celdas = 8;
var fuente = "";
var filas = 10;
var filastemp = filas;
var todo = false;
var todotemp = todo;

function otra(){
document.getElementById('lasceldas').disabled='disabled';
document.getElementById("eldiv").style.fontFamily = fuente;

if(!todotemp){
document.getElementById("eldiv").innerHTML = "<table><tbody></tbody></table>";}
//alert(document.getElementById("eldiv").innerHTML)
n_cont = document.getElementById("eldiv").getElementsByTagName("table")[0].getElementsByTagName("tbody")[0].innerHTML;

//alert(n_cont)
for(t=0; t<celdas; t++){
n_cont += "<td class='elbordeI'>&#"+(car*1+t)+";\t</td><td class='elbordeD'>"+(car*1+t)+"\t</td>";
}

var n2_cont = "<table cellspacing='0' id='latabla'><tbody>" +n_cont+ "</tr></tbody></table>";

document.getElementById("eldiv").innerHTML = n2_cont;

car = car*1+celdas*1;

document.getElementById("genera").focus();

repite();

}

function repite(){
if(filastemp > 1){
setTimeout("otra()" , 500);
filastemp -= 1;
todotemp = true;}

else {
filastemp = filas;
todotemp = todo;}
}

function hexADec(){
numero = parseInt(document.getElementById("valor").value,16);
alert
document.getElementById("valor").value = numero;
}
function decAHex(){
numero =(document.getElementById("valor").value*1).toString(16);
document.getElementById("valor").value = numero;
}

function aTexto(){
var texto = document.getElementById("eldiv").getElementsByTagName("table")[0].getElementsByTagName("tbody")[0];

document.getElementById("eltexto").value = (document.getElementById("eldiv").textContent) ? texto.textContent : (document.getElementById("eldiv").innerText) ? texto.innerText : "No disponible.\r\nUnavailable.";
}

function agrega(){
var nueva =  prompt("Escriba el nombre de una fuente instalada.","Default");
var opcion = document.createElement('option');
opcion.value = nueva;
//alert(nueva)
if(nueva){
var opciones = document.getElementById("fuentes").options.length-1;
opcion.appendChild(document.createTextNode(nueva));
document.getElementById("fuentes").appendChild(opcion);
setTimeout('var opciones= document.getElementById("fuentes").options.length-1; document.getElementById("fuentes").options[opciones].selected = "selected";',100);
fuente = nueva;
}
}
</script>
</head>

<body>
<h2>Muestra caracteres por ASCII. (en decimal)</h2>

<div id="eldiv"><table><tbody></tbody></table></div>

<p>
<nobr><input type="button" value="RESET" onclick="document.getElementById('eldiv').innerHTML='<table><tbody></tbody></table>'; document.getElementById('lasceldas').disabled =false; car =document.getElementById('caracter').value;" /> 

<input type="button" value="VER" onclick="otra()" id="genera" /> </nobr> 

<nobr>Desde : &#<input id="caracter" value="8000" onblur="car=this.value" size="6" />; | </nobr> 

<nobr>Celdas/Fila : <select onchange="celdas=this.value" id="lasceldas"><option value="1">1 </option><option value="3">3 </option><option value="4">4 </option><option value="5">5 </option><option value="6">6 </option><option value="8" selected="selected">8 </option><option value="10">10 </option><option value="12">12 </option></select> | </nobr>

<nobr>Filas/P&aacute;g. : <select onchange="filas=filastemp=this.value" id="lasfilas"><option value="1">1 </option><option value="3">3 </option><option value="4">4 </option><option value="5">5 </option><option value="6">6 </option><option value="8">8 </option><option value="10" selected="selected">10 </option><option value="12">12 </option></select> | </nobr>

<nobr>Todo ? <input type="checkbox" che cked="checked" onclick="todo = todotemp = (this.checked)? true : false;" /> | </nobr>

<nobr>Fuente : <select id="fuentes" onchange="(this.value=='nuevo')?agrega():fuente=this.value; document.getElementById('eldiv').style.fontFamily = this.value;">
<option value="nuevo" style="background-color:buttonface; font-face:caption; color:ButtonText; text-decoration:underline overline;">Agregar fuente </option><option value="Arial Unicode MS" selected="selected">Arial Unicode MS </option><option value="Lucida Sans Unicode">Lucida Sans Unicode </option><option value="georgia">Georgia </option><option value="wp iconicsymbolsa">WP iconicSymbolsA </option><option value="Tahoma">Tahoma </option><option value="Times New Roman">Times New Roman </option><option value="arial">Arial </option><option value="verdana">Verdana </option><option value="courier new">Courier New </option>
</select> | </nobr>

<nobr> a Hexa<input type="radio" name="DH" onclick="decAHex()" /> 
a Dec<input type="radio" name="DH" onclick="hexADec()" checked="checked" /> <input id="valor" value="8000" size="6" /> | </nobr>

<input type="button" value="a Texto" onclick="aTexto()" />

</p>
<p>
<textarea id="eltexto"></textarea>
</p>
</body></html>
Habrá que ponerse a buscar si en algún lugar aparecen los dibujos de Symbol o Wingdings; y si no están, por lo menos tenemos algunos signos más para usar en Mozilla.

Última edición por furoya; 25/04/2009 a las 19:35 Razón: corregir codigo
  #14 (permalink)  
Antiguo 08/03/2007, 12:15
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 15 años, 1 mes
Puntos: 317
Re: Sintaxis para fuente en Firefox. ¿Qué hago mal?

Actualicé la herramienta que está más arriba; y sigue siendo (como fue y será) más borrador que beta.
Pero no fui el único que hizo actualizaciones. Firefox agregó a su configuración la opción "Permitir a las páginas usar su propia tipografía, en lugar de esta selección". No la probé, pero está claro que debe ser para mostrar fuentes tipo Symbol, Webdings y otras con "dibujos".

Si seguimos insistiendo quizá logremos que también pongan una línea para el código fuente de las páginas que active y desactive la opción, que viene por default.Repito que solamente quién escribe el documento sabe qué fuente quiere usar, y si se justifica cambiar el unicode.

P.D.: El checkbox no era para eso. Seguimos como al principio.
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 10:34.