Vi una conferencia recientemente en línea, hablando abt tipografía web. Se mencionó algo sobre una calculadora web para calcular font-size/line-height
con la proporción áurea. ¿Alguna idea de dónde puedo encontrarla? ¿O qué tamaños usas para tus encabezados?¿Hay una calculadora de tamaño de fuente/altura de línea de CSS?
Respuesta
La propiedad CSS 'line-height' en realidad acepta un valor numérico puro, que resolverá la altura de línea en función del tamaño de fuente establecido. Si desea utilizar la proporción áurea (1.61803399), puede configurarla como la altura de la línea en el cuerpo.
body { font: 100%/1.618 sans-serif; }
Como ejemplo, configuración de la fuente de tamaño de un H1 a 24px produciría una línea de altura de 39px (redondeado de 38.832).
Creo que lo que estás buscando es this calculator de this presentation.
Sé que esto es una cuestión de edad, pero por si acaso alguien todavía está en busca de referencias, esto (impresionante) Golden Ratio Typography Calculator
Pero te pierdes este ** [artículo de awsone] (http://www.pearsonified.com/2011/12/golden-ratio-typography.php) ** del autor de esa calculadora de relación áurea awsone –
Actualmente estoy recibiendo un error de JavaScript en mi consola que '$' no está definido, parece que se han olvidado de cargar jQuery o algo así. –
¿Fue type-scale.com? Yo uso esto para calcular todo lo mío. Proporciona tamaño de fuente y altura de línea.
Aquellos que buscan establecer explícitamente la line-height
con la proporción áurea , puede utilizar:
Esto aumentará proporcionalmente con diferentes tamaños de fuente.
- 1. ¿Hay una calculadora con sintaxis LaTeX?
- 2. ¿Hay alguna manera de establecer la altura mínima de línea en elemento en línea en CSS?
- 3. Elementos de bloque CSS en una línea
- 4. CSS, tamaño de fuente relativo
- 5. ¿Tamaño de fondo de CSS Polyfill?
- 6. División de cadena de entrada para una calculadora
- 7. más propiedades CSS dentro de una línea de
- 8. Tamaño de línea de cursor CSS al ingresar un campo de entrada
- 9. Tamaño de una línea de Android Android TextView
- 10. argv y calculadora de notación polaca
- 11. ¿Hay una solución CSS para el bug de Firefox: inline-block + primera letra con tamaño cambiado
- 12. Android y calculando el tamaño de una cadena de una línea en una fuente y tamaño de letra determinados?
- 13. ¿Hay un diseño simple de 3 columnas, CSS puro?
- 14. ¿Hay algo así como una altura de línea automática?
- 15. Herramienta de foco similar a la calculadora
- 16. Cómo invocar la calculadora de Android desde una aplicación
- 17. calculadora de hipotecas en php cantidad incorrecta
- 18. ¿Cómo puedo crear una calculadora RESTful?
- 19. ¿Cómo funciona una calculadora simple con paréntesis?
- 20. CSS - Aumentar página Tamaño de fuente
- 21. CSS - tamaño de letra hijo usando em
- 22. CSS alineación de la misma línea
- 23. Tamaño de fuente medio en css
- 24. CSS Altura de Línea - inferior solamente
- 25. ¿Hay una línea de comandos de consola Linux MVC framework?
- 26. ¿Hay un selector de CSS para seleccionar texto (bloques en línea) dentro de un cuadro rectangular?
- 27. Agregando una línea de puntos spacer/infill con CSS
- 28. CSS desbordamiento - solamente 1 línea de texto
- 29. Altura de línea CSS y encabezado tradicional
- 30. CSS: elemento de límite en 1 línea
Para cualquier tamaño de fuente, la altura de la línea debe aumentar a medida que aumenta el ancho de la línea también –
@Tom Care para elaborar, ¿Tom? El uso de un valor sin unidad le dice al navegador que ajuste la altura de la línea de acuerdo con el tamaño de la fuente. No estoy seguro de dónde entra el ancho de línea para jugar aquí, pero estaría interesado en sus pensamientos ampliados. – amustill
A medida que aumenta el ancho de la línea, el texto se vuelve más difícil de leer porque la altura de la línea no se ha aumentado para compensar el efecto del ancho. Hay 3 dimensiones tipográficas: tamaño de fuente, altura de línea y ancho de línea. ¿Qué sucede si quiere usar un tamaño de fuente de 16 píxeles con un ancho de contenido de 550 píxeles? ¿Cuál debería ser la altura de línea ajustada en este caso? Según usted es 25.88, pero el óptimo es 25.00. Esto es solo una lectura adicional;) –