Ajustes de Visualización para el Reloj 24

Volver a .

Tipografía

Chequea las licencias de las fuentes aquí enlazadas antes de utilizarlas.

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 ReadoutDigital 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.

Color

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):

Demo

HH:MM:SS

Disposición del Objeto

* Alineación del texto: centrado da el mejor efecto.

—-

1)
acorde a declaración en el sitio