2 Fuentes fijas mediante CSS

[Federic0]

Hola,

Hay alguna manera de tener dos fuentes fijas (por mas que el usuario pida agrandarlas, ya se que no es recomendable) ??

O sea, este codigo

Código PHP:

  <style type="text/css">
<!--
body {  font-size: 15px}
td {  font-size: 15px}
-->
</style> 
   

Pero necesito tener dos tipos de fuente. Por ejemplo, una en tamaño 15 y otra en 17. Se puede?

Saludos.

[baccxus]

Si se puede, solo es cuestión de probar.

Una preguna, te refieres a fuente como tipo de letra? o como tamaño de letra?

Saludos

[hades87]

si das una fuente en px no le pueden cambiar el tamaño, en cambio si al das en % si que la podrán agrandar.

[JavierB]

Iniciado por hades87

si das una fuente en px no le pueden cambiar el tamaño, en cambio si al das en % si que la podrán agrandar.

En IE sí, pero los buenos navegadores dan más preferencia a las necesidades o gustos del ususario.

Saludos,

[Federic0]

Necesitaría el tamaño de la letra, no la fuente.

No hay alguna manera de poner "x" texto en tal tamaño y "y" en otro ?

[cleft]

Con respecto a tu ultima pregunta, si es posible (a como entendi tu pregunta)

Algo asi:

Markup:

Código:

<p class="txt1">Lorem Ipsum Dolor Sit Amet</p>
<p class="txt2">Lorem Ipsum Dolor Sit Amet</p>

CSS:

Código:

.txt1 {
	font-size: 12px;
	}
.txt2 {
	font-size: 20px;
	}

De esa forma, ambos textos te saldran con distintos tamaños.

[furoya]

Iniciado por JavierB

... En IE sí, pero los buenos navegadores dan más preferencia a las necesidades o gustos del ususario...

Sinceramente, espero que no.

Igual se entendió lo que quisiste decir, JavierB, lo que pasa es que una cosa es la accesibilidad y otra el respeto al código fuente. Los navegadores -buenos o malos- deben ajustarse a esto último.

Internet Explorer no es exactamente un ejemplo de respeto, pero resulta que la característica de no modificar texto con medidas absolutas la trae de la época en que sus desarrolladores se ocupaban un poco más del producto que del negocio.
Y es como dice hades87. No hay una "pulgada más chica" ni un "milímetro más grande"; las unidades absolutas no se cambian, para eso están las relativas. Es una herramienta más del diseñador.

Hay que hacer un aparte con el "pixel", ya que es una medida relativa, pero una vez rendereada se comporta como absoluta. Y para nosotros siempre será absoluta.
De cualquier forma la pantalla relaciona las medidas entre sí; no tienen mucho parecido con las unidades reales (¡prueba!, ¡prueba!, hagan un documento con un div de 10cm de lado y luego mídanlo en el monitor con una regla), ni tampoco se parecen entre resoluciones.

Lo de la accesibilidad es algo que se "agrega" al documento desde las aplicaciones y lo permite o no -por acción u omisión- el diseñador de la página.

En el caso que nos ocupa, creo que Opera es quien mejor lo resuelve. Tiene un zoom que acerca todo el documento y mantiene la proporción entre sus partes. No recuerdo si hace wrapping, sería lo único para discutirle; y hasta ahí nomás.

IExplorer apuesta al Ampliador de Windows; mantiene la herramienta para cambiar el "Tamaño de texto" porque no hay motivo para sacarla, y el zoom propietario de IE funciona cuando y como quiere. (Igual, confieso que en otro foro publiqué una manera de "instalarlo", porque muchas veces un mal zoom es mejor que nada)

El problema con Firefox es que la configuración para hacer el texto más accesible viene activada por default. Y no todo el mundo sabe que hay que sacarla para que no deforme las páginas

Herramientas → Opciones → Contenido → Tipos de letra y colores → Avanzadas... → Permitir a las páginas elegir su propia tipografía.

Aún así, el casillero no las cambia de a una, es o 'todas' o 'ninguna'. Y tampoco las cambia completamente; la opción en el menú Ver sigue sin respetar las medidas absolutas (lo siento, Federic0), y el engendro ése de la "fuente proporcional" que me arruinó varios efectos, tampoco se va del todo (los efectos siguen sin funcionar). Lo que sí se arregla es el "tamaño mínimo", algo que me llevó a discutir con un moderador un buen rato por las medidas finales de una firma.

No sé si en el about:config hay alguna línea que nos ayude con esto.
Yo estuve probando algunos trucos HTML+CSS y fracasé estrepitosamente.
Cuando pueda lo voy a seguir intentando.

De cualquier forma, nunca podremos saber si del lado cliente nuestro sitio se verá con la fuente que le declaramos, ni con qué resolución de pantalla, ni con qué medidas de ventana. Me parece que lo mejor es pensar el diseño como una "página fluida" (algunos le dicen "líquida") y nunca pensar que es un diseño gráfico.

Curiosamente, si usamos todas las medidas relativas, el documento mantiene bastante bien su coherencia, y además respetamos desde nuestro lado la configuración del navegador y del usuario.

Dejo algunos enlaces, adentro hay más, en el Foro hay muchos más, y en la web muchísimos más.

Bloqueo tamaño-texto

Sobre la medida em

la propiedad .1em

Sobre px y em

Tamaño de letra



[edit]

Resulta que ahora no es Opera el único que trae zoom, [b]IE7[b] y FF3 ya lo tienen.

[/edit]