Volver a . |
---|
Aunque he chequeado aquellas que son de libre uso a la fecha de 2008-06-01
, no puedo garantizar que lo sigan siendo a futuro.
Cada fuente está acompañada del vínculo, el nombre de familia y el nombre genérico. El nombre genérico es el nombre por el cual debes referirte a esta fuente si vas a utilizar el método de sIFR (Flash Text); el nombre de familia es por el cual debes referire a e instalar la fuente si vas a utilizar el método de CSS font-face.
Fuente y Muestra | Licencia | Familia y Nombre |
---|---|---|
Harvey Twyman's "World's Simplest Font" — 7segments-ttf (¡RECOMENDADO!) | Excempto de Copyright | N/A |
LCD (Spinward) — lcd-*.ttf Family | Freeware | →Familia: “lcd” →Nombre: “Regular” |
Digital Readout — Digital Readout (altamente aceptable) | Libre para uso personal1) | →Familia: “Digital Readout” (exacto) |
Transistor (Free Fonts) — transistor.ttf | Freeware | →Familia: “Transistor” →Nombre:“Regular” |
LCD (URW Software) | Shareware, aprox. 30€ | N/A |
LCD (Elsner) | Shareware, aprox. 30€ | →Familia: “LCD” (asi con mayúsculas). Al parecer es la fuente oficial de la serie2). |
La fuente que yo estoy usando en los ejemplos es LCD Family, por la exactitud de la visualización.
En general para lograr el efecto puedes usar una de estas fuentes, o cualquier otra fuente de reloj digital, provisto que cumpla con las siguientes condiciones:
sin kerning.
Parece complicado, pero no lo es. En lenguaje humano lo que estoy tratando de decir es que, o todos los caracteres usan el mismo espacio como en un LED físico de 7 segmentos, o que aquellos caracteres que usan menos espacio (el “1” y el “7”) no se autoajustan al caracter anterior por un espacio mayor al que sería “medio” segmento de LED.
Para lograr el efecto como el que se ve abajo, puedes utilizar un esquema de colores como el siguiente (pasa los códigos de color directo a CSS, o usa el selector de colores de Windows para seleccionar el color exacto):
#ff3e10
(amarillo ligeramente vivo)#333333
(entre plomo y negro, tirando para negro)#f04444
HH:MM:SS
8 em
de modo de contener perfectamente todos los digitos del display (seis dígitos y dos dos-puntos). * Alineación del texto: centrado da el mejor efecto.
—-