Diferencias
Muestra las diferencias entre dos versiones de la página.
— | desarrollo:24_theme:tipografia-24 [2012/05/26 10:52] (actual) – creado - editor externo 127.0.0.1 | ||
---|---|---|---|
Línea 1: | Línea 1: | ||
+ | ==== Ajustes de Visualización para el Reloj 24==== | ||
+ | |||
+ | ^ Volver a [[.: | ||
+ | |||
+ | === Tipografía === | ||
+ | |||
+ | <note warning> | ||
+ | Chequea las licencias de las fuentes aquí enlazadas antes de utilizarlas. | ||
+ | |||
+ | Aunque he chequeado aquellas que son de libre uso a la fecha de '' | ||
+ | </ | ||
+ | |||
+ | 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 [[.: | ||
+ | |||
+ | |||
+ | ^ Fuente y Muestra | ||
+ | | [[http:// | ||
+ | | [[http:// | ||
+ | | [[http:// | ||
+ | | [[http:// | ||
+ | | [[http:// | ||
+ | | [[http:// | ||
+ | |||
+ | 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: | ||
+ | |||
+ | * debe ser **monoespaciada** (todos los caracteres usan el mismo espacio, como en // | ||
+ | sin kerning. | ||
+ | * o, alternativamente, | ||
+ | * claro está, los números //deben parecer de matriz de siete segmentos// | ||
+ | |||
+ | 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 " | ||
+ | |||
+ | === 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): | ||
+ | |||
+ | * **Color de frente**: ''# | ||
+ | * **Color de fondo**: | ||
+ | * **Color de sombreado**, | ||
+ | |||
+ | == Demo == | ||
+ | |||
+ | < | ||
+ | |||
+ | === Disposición del Objeto === | ||
+ | |||
+ | * **Ancho mínimo del objeto**: el contenedor visual del reloj necesita un ancho mínimo de '' | ||
+ | * **Tamaño de la tipografía**: | ||
+ | * **Alineación del texto**: centrado da el mejor efecto. | ||
+ | |||
+ | |||
+ | ^ [[.:|Volver a Team24]] | ||
+ | ---- | ||
+ | {{tag> | ||